2019獨角獸企業重金招聘Python工程師標準>>>

一.參考文獻

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

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

二.html使用方法

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/ososchina/blog/1601522

總結

以上是生活随笔為你收集整理的HTML5 webfont字体图标的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。