今天推荐的是google fonts网站,目前google收录了800多种字体,虽然中文字体很少,但仍带来非常多的设计和排版灵感,以及如何改善网页阅读体验。如果喜欢字体的话,可以到google fonts网页上看看,一定会让你惊喜不断!
google fonts z6尊龙app官方网站首页列出一些精选的免费字体,设计师们非常熟悉的 open sans、roboto、lato 和 oswald 等字体组合,直接在字体上进行实时测试,包括切换大小、字符预览或不同字重的显示情形。google fonts 已将中文思源黑体放入 early access 测试页面,用以改善中文网页的文字显示效果。
开启 google fonts 网站后,直接在z6尊龙app官方网站首页就能测试不同的字体显示效果,不过这些英文字体无法套用于中文上,测试时也不能使用中文(会无法正确显示)。预览时能调整不同字重和文字大小。
开启任一个字体页面后,会有非常完整的介绍,假如对于一个字体项目有兴趣,还能找到它的设计者及背景。最重要的是每个字符的呈现效果预览,亦能输入文字来测试不同字重和字号显示情形。
在字体页面右上角点选「select this font」后,再点选右下角就能开启下载功能。
这里区分成嵌入装置(embed)或直接下载字体档案(local font files),google 建议使用者透过类似 skyfonts 之类的字体管理工具,确保计算机上拥有最新版本的字体档案。
如果字体有多种字重,还可以依照需求单独选取。
透过 google fonts 产生的 embed code 就能够将网页字体套用到自己的网站部落格。
若你选择的字体数量太多,可能会影响到网页加载速度(档案太大),尽量保持 load time 为绿色状态(fast)。
上面大致介绍从 google fonts 取用免费字体的方法。
google fonts 网站的另一个设计非常让人喜欢的,就是能测试热门的字体搭配组合,例如在 lato 中会提供与oswald字体配对,能把两个不同字体分别运用在标题和内文时产生的效果。