WebFont-前端字体

2019独角兽企业重金招聘Python工程师标准>>>

一.参考文献

1.http://www.cnblogs.com/yes-V-can/p/5716853.html

2.http://blog.csdn.net/zhouwangling_/article/details/53096649

二.使用方法

1.下载字体

网上百度自己要使用的字体，一般下载的是ttf格式，需要4种（或5）格式，其他的格式可以通过在线工具基于ttf转换

http://www.fontke.com/tool/convfont/（这个最好用）

web-fontmin（这个在线转换工具更好用，注意，左边编辑框里的字全删除再上传ttf,不然只会转换框里的那些字体）

在线格式转换点此（注：该网站我成功转过，有时候会报错，多试几次）

 

2.css加载

@font-face {
    font-family: "李旭科书法";
    src: url("../font/李旭科书法.eot"); /* IE9 */
    src: url("../font/李旭科书法.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/李旭科书法.woff") format("woff"), /* chrome, firefox */
    url("../font/李旭科书法.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("../font/李旭科书法.svg#李旭科书法") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

3.使用：在需要使用该字体的地方用即可：

.class{
font-family:'李旭科书法'
}

 

转载于:https://my.oschina.net/Cubicluo/blog/888505