在前端开拓过程中难免会用到分外字体,如何引入分外字体?
首先你得有字体文件,文件格式为,TTF、OTF、EOT、SVG将字体文件放入本地文件夹中或者做事器上css中引入,以下为引入方法@font-face { font-family: 39;icomoon'; // 这里自定义字体名称 src: url('fonts/icomoon.eot?'); // 文件路径或者做事器路径 src: url('fonts/icomoon.eot?') format('embedded-opentype'), // format属性:字体的格式 紧张用于浏览器识别 url('fonts/icomoon.ttf?') format('truetype'), url('fonts/icomoon.woff?') format('woff'), url('fonts/icomoon.svg?') format('svg'); font-weight: normal; font-style: normal; font-display: block;}/ 调用 /body{ font-family:'icomoon'}
注:eot为IE专用,ttf官方说是苹果和微软为PostScript 而开拓的字体格式,个人理解为通用格式。woff是压缩过后轻量级,svg对文本支持不太好