Zibll主题字体美化 子比主题美化教程

!
也想出现在这里? 联系我们
信息

简介

大多数站长在使用博客初期,喜欢魔改美化自己的网站,博客的建设主要方便访客高质量的阅读 所以对字体的选择非常重要,本期博主给大家出一期如果给自己的博客资源网自定义自己喜欢的字体

教程步骤

1.首先下载自己喜欢的字体包 在这里我给大家推荐一款免费的字体下载站

字体下载地址

2.转换字体包格式当我们下载字体之后会有一个压缩包 里面会有一个.ttf 的字体文件包因为有些浏览器不支持这种字体的格式显示 所以我们需要对字体格式转换如果不进行转换字体格式,有些浏览器会无法显示自己设置的喜欢的字体 如果你毫无技术不会转换字体格式不要怕,这里提供一个免费快捷的字体转换网站

在线字体转换地址

3.你只需要转换.ttf 文件为 eot,woff,woff2,svg,tff 以上格式随便一种 如下图,我已经用红色框框给你标记,按图操作即可(推荐.woff)

0e0600cdd6d2b2c9789c73fb69f6b28d

4.把你转换好的字体文件放在自己网站随便那个文件夹内,本站放在/wp-content/uploads目录下

b76d177f408be35a8dea2596e88406a4

5.将以下代码添加你的主题文件 css 样式即可。子比主题路径:后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面 然后刷新页面即可。(非常重要)font-family 是自定义字体名称(自己修改),url 这是字体文件的地址(自己修改)。

/* 网站字体修改 */
@font-face{
/* 字体命名 */
  font-family:"yfkj6";
/* 字体地址 */
  src:url(/wp-content/uploads/ljw.woff);
  font-weight: normal;
  font-style: normal;
}
/* 为全站设定字体(应该加个下面这段就行了) */
*{
  font-family:"yfkj6"
}
/* 网站字体修改  结束 */
© 版权声明
THE END
喜欢就支持一下吧
点赞74 分享
评论 共1条

请登录后发表评论

    请登录后查看评论内容