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

由于之前的美工调走了,现在没有人会做图,所以只得考虑采用公共的在线字体库做后台系统的 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~

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页