html+css调用服务器端字体

在浏览网页时,由于客户端没有安装某些特殊字体,导致网页文字无法按设计正常显示,这时我们可以使用服务器字体来避免这种现象的发送

语法

@font-face {
  /* 自定义字体名称 */
  font-family: MyFont;
  /* 指定字体位置 */
  /* 先找本地是否存在,存在则使用本地字体 */
  src: local("myFont"),
    
/* 这里是两种后缀的字体的使用方法 */
    
url("myFont.ttf")format("truetype"),
     url("myFont.otf")format("opentype")
;
}

使用

#div{
  font-family: MyFont;
}

 

posted @ 2018-01-19 12:00  小白知浅  阅读(1226)  评论(0编辑  收藏  举报