首页 > > 网页制作 > css >

自定义字体

2018-06-27 09:08:32来源：未知阅读 ()

第一步，在中引入字体并给名字取一个合适的名字，如下

@font-face {
    /* font-properties */
    font-family: pictos;
    src:url('pictos/pictos-web.woff'),  
    url('pictos/pictos-web.ttf'),
    url('pictos/pictos-web.eot'); /* IE9 */
}
font-family定义字体的名字，接下来的src是加载字体文件的位置，之所有有多个url就是因为浏览器兼容问题。

第二步，使用刚刚定义的字体，如下

div {
    font-family: pictos;
}

具体例子请查看http://caniuse.sinaapp.com/html/demos/fontface/index.html.
@font-face的浏览器兼容性请查看http://caniuse.sinaapp.com/html/item/fontface/index.html

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有