css 自定义字体（引用)

css  自定义字体（引用)

 1.想要页面有特色，需要花式字体来帮忙。（直接上代码）

@font-face {
font-family: 'setFont';/*字体名称*/
src: url('./fonts/setFont.eot');
src: url('./fonts/setFont.eot?#iefix') format('embedded-opentype'),
url('./fonts/setFont.woff') format('woff'),
url('./fonts/setFont.ttf') format('truetype'),
url('./fonts/setFont.svg#ChunkFiveRegular') format('svg');}

2，解释各个部分

src:

format是为了帮助浏览器识别字体的 ，浏览器是不会根据后缀名称来识别字体的。

url代表字体路径。

#后面代表引用名称，类似别名，因为所有格式都被浏览器识别的，不识别加上备用的名称（固定值）

3.引用

h1{
    font-family:"serFont"
}

4.闲着没事可以更深的理解（兼容性,友情链接）

w3cplus  

jb51

字体转换

5.字体压缩

字体压缩