为你的子比主题网站换个酷炫的字体

为你的子比主题网站换个酷炫的字体

AI 文章摘要
文章介绍了为子比主题网站更换酷炫字体的完整方法:需先下载喜欢的字体文件,并将.ttf格式转换为兼容性更好的.woff等格式;之后将字体文件上传至服务器,通过在主题自定义CSS中添加@font-face代码定义字体名称与路径,再将body字体属性设为该名称即可全局应用。

步骤一、字体下载与转换

先去网站下载一些你喜欢的字体。这里给大家列举一些个人觉得比较好的下载站。

下载后,会得到一个.ttf的文件(压缩包的解压)。
但是经过测试,.ttf的字体在部分浏览器不能生效(如Safari)
所以,需要转换成eot,woff,woff2,svg其中一个就好。推荐.woff
点击此处进行字体转换 (转换教程不多讲,自行百度)

步骤二、添加CSS

@font-face{
font-family: '此处填写字体名称';
src:  url('填写您的字体链接地址或存储路径');
src:  url('填写您的字体存储链接或路径');
}
body{
font-family:'moe';
}
.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.lazyloading:not(.swiper-lazy-loaded){opacity: 0;}@media (max-width:640px) {
    .meta-right .meta-view{
      display: unset !important;
    }
  }

把文件上传至网站根目录(可以是其他地方,不推荐)只需要记住地址就行。此处必须是是服务器内部文件存储路径或WP站内媒体链接
font.tff是字体文件名,实际使用时需更改(包括网站链接)。
以下代码添加到zibll主题>自定义代码>自定义CSS里。

CSS

font-family 是自定义字体名称(自己修改),url 这是字体文件的地址(自己修改)如果要添加多个字体文件,你有可能需要注意代码规范。

 
© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 共2条

请登录后发表评论

    暂无评论内容