html+css调用服务器端字体

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

语法

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

使用

#div{
  font-family: MyFont;
}
原文地址:https://www.cnblogs.com/xiaobaizhiqian/p/8316225.html