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

下载自己喜欢的字体,字体格式为.ttf。我们可以到第一字体网去下载http://www.diyiziti.com/
将下载好的字体转换成.eot、 .woff、 .woff2三种格式,文件名可以是任意英文可以根据自己的喜好命名(不要设置为中文就可以了)。
将转换好的.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:优先级最高!
版权属于:逍遥子大表哥
本文链接:https://cloud.tencent.com/developer/article/1921451
按照知识共享署名-非商业性使用 4.0 国际协议进行许可,转载引用文章应遵循相同协议。