HTML更换自定义字体

1、字体下载

下载你所需要使用字体，字体后缀为ttf。

2、生成兼容其他系统的字体。

在线Webfont字体生成工具

将下载的ttf文件拖入，生成各种版本的字体，以及css引用字体格式。

3、新建font.css，并填加如下代码。

@font-face {
  font-family: "Fontke";
  src: url("Fontke.woff2") format("woff2"),
       url("Fontke.woff") format("woff"),
       url("Fontke.ttf") format("truetype"),
       url("Fontke.eot") format("embedded-opentype"),
       url("Fontke.svg") format("svg");
}

url 引用字体文件的位置必须要正确，不然不生效。

4、在你需要的位置，直接引用，也可以设置为全局。

font-family: Fontke;/* 引用格式 */
font-family: Fontke !important;/* 提升指定样式规则的应用优先权。 */

Fontke为你自定义的字体名称,不生效可以尝试使用 !important 优先执行，不然可能存在被其他字体覆盖。