利用@font-face加载Web字体

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

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;
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 小时候,我最喜欢的读物是成语字典。因为里面有好多古代的故事。小孩子喜欢看故事,成语字典就是一部古代短篇小说合集。我...
    Graceland阅读 1,377评论 7 12
  • 早上6点30分,周六的清晨不会再有那么多忙碌的身影。工作了一周的小伙伴们要利用周末放松、补觉了。 一位买菜的阿姨疾...
    青禾吖阅读 231评论 0 5
  • 九月第一天, 思绪起万千。 回想每此时, 依稀在眼前。 酷暑刚离去, 孩童尽欢颜。 几多不情愿, 皆须回校间。 学...
    闲耕默耘阅读 272评论 2 5