当前位置： 移动技术网 > IT编程>网页制作>CSS > 网页使用Google Font API（字体）的方法

网页使用Google Font API（字体）的方法

2017年12月08日  | 移动技术网IT编程  | 我要评论
在网页设计里，字体的显示是个问题。最普遍用的是宋体，但是宋体在 win 7 下的表现真的很难看。雅黑端庄一些，但是随着字体大小，感觉汉字的大小也会有区别。小站现在用的字体是是宋体 + arial/georgia，因为习惯了也没多在意，其实对于英文字体有其它更好的选择。
比如 bitter 字体，用来做标题倒是不错：
复制代码 代码如下:

<div style="text-align:center; font-size:24px; font-family:bitter;">welcome to nowamagic.net</div>

css 怎么调用 bitter 字体？
复制代码 代码如下:

@font-face {
  font-family: 'bitter';
  font-style: normal;
  font-weight: 400;
  src: local('bitter-regular'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/s9gjb935qk_yg8d-lntdva.woff) format('woff');
}
@font-face {
  font-family: 'bitter';
  font-style: normal;
  font-weight: 700;
  src: local('bitter-bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/jgvzep92dxgoqbg1cnqcfd8e0i7kzn-epnyo3hzu7kw.woff) format('woff');
}

其实，这是 google 推出的google font directory和google font api两项服务，google联合了众多的字体设计者为用户提供了多种漂亮的字体。具体可以参看以前写的一篇文章：《用google font api来丰富网页字体》。
这里仅仅抛砖引玉，国内实在太少网站用 google font api 了。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网