手把手教你使用在线中文字体库

由于之前的美工调走了，现在没有人会做图，所以只得考虑采用公共的在线字体库做后台系统的 logo。

1 选择字体库

• 在 有字库 中选择自己喜欢的字体：

• 比如我喜欢的这个字体：
  

注意：
* 使用前需要注册。
* 有些字体是免费的，有些字体是收费的。

2 生成字体代码

• 使用 css 模式，输入生成的字，然后点击生成：
  

3 引入代码

3.1 引入 css

<link href='//cdn.webfont.youziku.com/webfonts/nomal/98829/19673/58aba561f629d81848de813b.css' rel='stylesheet' type='text/css' />

注意： 必须放在使用前。

3.2 在字体库的基础上自定义样式

.logo_txt {
    font-family:'jdzhonyuanjian903a74bff1820d';
    font-size: 28px;
    color:#ffffff;
    margin:5px;
}

4 展示结果

从此，后台管理系统的 logo 就可以自由定义啦，是不是很棒？ O(∩_∩)O~

注意： 以后如果需要更改文字，就必须重新生成一次字体库，因为之前我们生成的字体库只包含我们输入的那几个字啊，所以以后有变动当然要再重建一次咯 O(∩_∩)O~