修改网站字体

admin

遇见自己喜欢的字体，怎样引用到自己的网站呢？这里以 DZ 论坛为例，当然这种方法适用所有网站。

获取自己喜欢的字体

获取自己喜欢的字体，字体格式为 .ttf。我们可以到第一字体网去获取 http://www.diyiziti.com/

转换字体格式

将获取好的字体转换成 .eot、 .woff、 .woff2 三种格式，文件名可以是任意英文可以根据自己的喜好命名（不要设置为中文就可以了）。这里推荐一个在线转化的网站：https://www.fontke.com/tool/convfont/

上传字体

将转换好的 .eot、 .woff、 .woff2 三种格式字体上传到自己网站任何位置（建议上传到 CDN 这样字体渲染速度比较快）。

调用代码

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

PS:上面的代码里 .ttf 和 .svg 的文件是没有的，但是路径要和 .eot、 .woff、 .woff2 三种格式路径保持一致，否则字体将不会正常显示。

body {  
    font-family: kali!important;  
}

!important:优先级最高！