Google Web fonts 网站引用外部字体

今天在wp官方社区提问,斑竹热情回答,摸索到了斑竹的博客。

看到了一篇关于google web font的文章,看似很不错哦。

先去选字体:http://www.google.com/webfonts#ChoosePlace:select

然后点击 “Add to Collection” ,按照步骤来操作。

link 引用:

<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'>

或通过js引用:

<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Bad+Script::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>

再通过CSS,添加想要的字体:

h1#blog-name a {    font-family: 'Nosifer Caps' !important;}
#content h2.post-title a { font-family: 'Nova Square', 'Microsoft YaHei' !important;}
#comments {font-family: 'Spinnaker', 'Microsoft YaHei' !important;}
#sidebar #recentcomments li {font-family: 'Marmelad', 'Microsoft YaHei' !important;}
body { font-family: Electrolize, 'Microsoft YaHei' !important;  }

个人觉得网站很多都是调用的电脑本地的字体,本地没有的字体就默认显示宋体。这个东西貌似很强大的的样子。有木有?

上一篇:
下一篇:
评论 (3)
  1. 沙发
    Deloz 2011-12-26 07:56

    网速不好加载慢…

  2. 板凳
    Zeng 2011-12-27 01:49

    @Deloz:自己的问题啦

  3. 地板
    Fanr 2011-12-28 05:00

    不支持中文。。。