自定義字體
四種格式：都需要妆够，用來兼容不同類型的瀏覽器
- eot商玫，svg狂打，ttf书斜，woff
- 移動端用 *.ttf 就可以了
導(dǎo)入
@font-face {
font-family: 'iconfont';
src: url('*.eot'); /* IE9*/
src: url('*.eot?#iefix') format('embedded-opentype'), /* 給IE6-IE8用 */
url('*.woff') format('woff'), /* 給chrome诬辈、firefox用 */
url('*.ttf') format('truetype'), /* 給chrome、firefox荐吉、opera焙糟、Safari, Android, iOS 4.2+ 用*/
url('*.svg#iconfont') format('svg'); /*給 iOS 4.1- 用 */ }
字體圖標
- 拿到字體文件，放入文件夾
- 在HTML的<head>引入文件<link rel="stylesheet" href="css/font.css">
- HTML中字體圖標一般用i標簽
- 在demo頁中找到所需圖標的className样屠，加在i標簽上穿撮，一般由兩個類名組成
14組好看又免費的字體圖標
2018.1.23
2018.1.29更新
