• 公告栏使用li标签,同时你可以使用FontAwesome以及其他HTML语法
  • FontAwesome示例
  • 这辈子没法做太多的事情, 所以每一件都要做到精彩绝伦!@史蒂夫·乔布斯

Google Web Fonts

电脑网络 shaobo 41次浏览 600字 0个评论

Google Web Fonts上有许多精美的字体,不过只能通过网页引用。有时页面设计需要使用这些字体,那么怎样才能把它们保存成TTF呢?

首先,访问Google Web Fonts,找到所需的字体。可以利用左侧的Search功能迅速找到字体。

 

google-web-fonts-1

然后点字体下面的”Quick-use”链接。

google-web-fonts-2

在Quick-Use界面找到第三步”3. Add this code to your website:”,复制代码中的链接,然后开个新的浏览器窗口,打开这个链接:

google-web-fonts-3

链接打开后就会看到下面的代码:
@font-face {
font-family: 'Electrolize';
font-style: normal;
font-weight: 400;
src: local('Electrolize'), local('Electrolize-Regular'), url(http://themes.googleusercontent.com/static/fonts/electrolize/v2/DDy9sgU2U7S4xAwH5thnJ7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');}
最后的url()中的链接就是字体文件,将它粘贴到新的浏览器窗口中即可下载。
如果字体文件扩展名为woff,那么需要将其转换为TTF。去Google搜索”woff to ttf”能找到很多这种工具,如Convert woff to otf


喜欢 (0)

您必须 登录 才能发表评论!