Google Web fonts 试用

去这里选择字体: https://www.google.com/webfonts#ChoosePlace:select

然后引用:
link 引用:
[cc lang="html"]

或通过js引用:

1
2
3
4
5
6
7
8
9
10
11
12
13
<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>

再按自己需求修改:

1
2
3
4
5
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;  }

图省事,css代码直接加在Hacklog DownloadManager的自定义CSS后面了~~

更多
12 Responses Post a comment
  1. 依云

    我是说怎么看不太清楚了呢,原来是 Bad Script。。。

  2. 艳文

    方方的字体挺好看 跟博客的表情很配。。

  3. 荒野无灯

    @phoetry
    是的,其实我也是这样做的。只是我是让它自动下载代替了手动下载了 :twisted:

  4. phoetry

    @荒野无灯
    我改了hosts, 所以有效.
    如果不改hosts, 经常会被重置, 只能把字体下载下来放到自己家服务器

  5. neverno

    googleapis点com,这个常抽风,看GxxFooW心情。真心喜欢这“云字体”,如果国内有人搞就好了。除IE(8.0)外都显示正常。

  6. phoetry

    墙得厉害, 项目中用不了.
    而且中文无解.

Leave a Reply

Note: You may use basic HTML in your comments. Your email address will not be published.

Subscribe to this comment feed via RSS