WebFont对前端童鞋们应该不陌生。
刚好最近有用到,边学习边记录。
先说说中文字体。
本来想给网站的名字加一个漂亮中文WebFont。
大多数外国的转字体网站不支持中文,
推荐一个网站,可以转换中文字体的:
随便转了几个不错的中文字,美滋滋的下回来,发现5种格式加起来有5~8M。。。想哭。
不过,我又发现了一个国人做的产品叫做font-spider
不贴地址了,它的原理是根据页面里的文字字库来生成字体,不用到的字不会含在文件里,所以体积问题解决。logo,菜单等固定文字的地方会很好用。
接下来说英文字体。
转字大法没啥好说的。
发现Google Fonts里有不少好看的英文字体。可是如果直接调用地址国内恐怕访问不了,而且发现引入的源码里面有很多用不到的像希腊语,越南语字库,英文26字母+数字符号只要latin就够了。
提一句,Google Fonts里的字体用转换的方法到本地很可能无法更改font-weight,因为引用地址的时候font-weight是作为参数给到的(100~900,其中400:normal,700:bold,给到时数字逗号隔开即可)
于是又有一个很棒的工具网站:
可以直接选择Google Fonts里有的字体和参数,然后生成包和css下载地址。
测下来和引用地址加参数一模一样。