自定义字体

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

新老客户大回馈,云服务器低至5折

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

@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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:iconfont字体图标和各种CSS小图标

下一篇:关于清除浮动的四种方法