首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >DZ论坛修改字体

DZ论坛修改字体

作者头像
逍遥子大表哥
发布于 2021-12-19 11:15:14
发布于 2021-12-19 11:15:14
3.9K0
举报
文章被收录于专栏:kali blogkali blog

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

下载自己喜欢的字体

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

转换字体格式

将下载好的字体转换成.eot、 .woff、 .woff2三种格式,文件名可以是任意英文可以根据自己的喜好命名(不要设置为中文就可以了)。

上传字体

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

调用代码

代码语言:javascript
复制
@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三种格式路径保持一致,否则字体将不会正常显示。

代码语言:javascript
复制
body {    
    font-family: kali!important;    
}

!important:优先级最高!

版权属于:逍遥子大表哥

本文链接:https://cloud.tencent.com/developer/article/1921451

按照知识共享署名-非商业性使用 4.0 国际协议进行许可,转载引用文章应遵循相同协议。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • 下载自己喜欢的字体
  • 转换字体格式
  • 上传字体
  • 调用代码
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档