22/11/11更新:换wp字体的新方式
- 在子比主题自定义CSS添加以下代码即可
/*自定义字体-start*/
@font-face
{
font-family: mmc;
src: url('修改为字体文件地址');
/*这里是字体地址,建议把字体文件上传到自己服务器不然有可能没效果*/
}
body{font-family: mmc;}
/*自定义字体-end*/
前言
大多数站长在使用博客初期,喜欢魔改美化自己的网站,博客的建设主要方便访客高质量的阅读 所以对字体的选择非常重要,本期博主给大家出一期如果给自己的博客资源网自定义自己喜欢的字体
教程
1.首先下载自己喜欢的字体包 在这里我给大家推荐一款免费的字体下载站
2.转换字体包格式
当我们下载字体之后会有一个压缩包 里面会有一个.ttf 的字体文件包
因为有些浏览器不支持这种字体的格式显示 所以我们需要对字体格式转换
如果不进行转换字体格式,有些浏览器会无法显示自己设置的喜欢的字体 如果你毫无技术不会转换字体格式不要怕,这里提供一个免费快捷的字体转换网站
你只需要转换.ttf 文件为 eot、woff、woff2、svg、tff 以上格式随便一种 如下图,红框内搜索要转换的格式,按图操作即可

网站调用字体
把你转换好的 5 个字体文件放在自己网站随便那个文件夹内,只需要记住地址就行
如果是 WordPress 子比主题的话直接把下面的 css 代码放在自定义 css 样式中
@0.font-face{
font-family: 'zti';
src: url('文件直链.tff');
src: url('文件直链.eot');
src: url('文件直链.svg');
src: url('文件直链.woff');
src: url('文件直链.woff2');
}
body{
font-family:'zti';
}
注:(非常重要)font-family 是自定义字体名称(自己修改),“文件直链”这是字体文件的地址(自己修改),*这是全局显示。
将以上代码添加你的主题文件 css 样式即可。子比主题路径:后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面 然后刷新页面即可
© 版权声明
本站网络名称:
青鹿云
本站永久网址:
www.milubk.com
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权请联系站长删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
暂无评论内容