试用 Google Web 字体 API

用的是 Molengo 字体,主要看中了这个非称线字体中数字字符高低不同,能比较好的配合页面上称线字体部分的 Georgia 字体。这是称线的 1234567890,这是非称线的 1234567890,自我感觉良好,稍微觉得有点小。改了过后文章正文的方方正正的黑体就变得比较有活力了。没有在正文中用  Georgia 字体,是因为我想统一一下字体族的种类,避免在非称线字体中穿插称线字体。其实是我这个人有点整理癖。

添加字体可以有两种方式,一是在页面 head 里用 link,像这样:
<link href=’http://fonts.googleapis.com/css?family=Molengo‘ rel=’stylesheet’ type=’text/css’>
一是在 css 文件里用 @import,像这样:
@import url(http://fonts.googleapis.com/css?family=Molengo);

前者要改模板,想想反正要改样式表,所以选了后者。 API 还有个 javascript 的 WebFont Loader,据称可以提高字体下载、加载前后页面的表现。不过英文字体实在很小,下载和加载都是一瞬间的事情,就算有闪烁空白等毛病,也是很短暂的,懒得弄了。等以后有中文的字体了再来整。

ps. 貌似添加了这个东西过后文字部分显示会滞后,感觉浏览器在等字体下载,下载完了才给显示。无奈中国连到 google 的速度和稳定程度都很…所以不用也罢。

聊一聊吧

1条评论

  1. 用了新主题“Twenty Seventeen”,里头采用了 Google Web 字体 Libre Franklin,和微软雅黑居然很协调。可惜了中国大陆没法连 google…

说点啥呗

您的邮箱地址不会被公开。 必填项已用 * 标注