利用@font-face加载Web字体

2018-09-04  本文已影响80人  楠楠_c811

今天看到一个新的小东西,这种写法不常用到,为了避免忘记,看到了就记录下来,放在这里,什么时候再用到就回来找。相对于我总是天马行空的大脑,在对于信息储存方面,我还是比较信任白纸黑字。

1.简介

 @font-face用于自定义字体样式,从服务器端取得字体样式,使浏览器可以显示客户端并不存在的样式效果,给用户带来更好的展示体验。
 @font-face并不是CSS3的新特性,早在98年就被写入CSS2的规范当中,目前在IE6都可支持。

2.语法

@font-face {
    font-family: <FontName>;       //自定义的字体名称
    src: <source> [<format>][,<source> [<format>]]*;      //字体文件路径
    [font-weight: <weight>];     //是否加粗
    [font-style: <style>];     //是否斜体
}

//设置为一种字体
font-size:@fontD;
上一篇下一篇

猜你喜欢

热点阅读