WordPress网站字体美化教程

31次阅读
2024年06月01日 09:21:43

共计 646 个字符,预计需要花费 2 分钟才能阅读完成。

网站的字体是展示给我们以及访客看的,有些字体看起来与网站的风格很搭的话会很舒服,所以不同的字体设置搭配不同的网站风格。

CSS代码:

 /*字体样式一*/
@font-face{font-family:"luze";src:url(字体链接);}
*{font-family:"luze"}

字体链接需要自己去找,代码里面的链接很容易失效,我就去掉了。

/*全站字体美化*/
@font-face{
font-family: 'moe';
src:  url('字体链接.ttf');
src:  url('字体链接.otf');
src:  url('字体链接.dfont');
src:  url('字体链接.eot');
src:  url('字体链接.svg');
src:  url('字体链接.woff');
src:  url('字体链接.woff2');
}
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;
    }
  }

注:(非常重要)font-family是自定义字体名称(自己修改),url这是字体文件的地址(自己修改),*这是全局显示。

上面两个代码用一个即可。

正文完
 0
鹿泽
版权声明:本站原创文章,本文由 鹿泽 于 2024年6月1日 09:21:43 发表,共计 646 字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。
如若本站内容侵犯了原著者的合法权益,可联系我们邮箱:526009505@qq.com进行处理。
最新文章
需求与满足度的相关提高权重算法原理

需求与满足度的相关提高权重算法原理

网站权重是什么,权重就代表一个网站的得分级别,权重越高排名能力就越强,同时可获得的关键词数量就越多。比如大家经...
seo绩效考核指标标准是什么?

seo绩效考核指标标准是什么?

优化人员的seo绩效考核标准是比较难制定的,在于很多地方无法衡量,尤其是外包公司,除了要做客户的运营之外,还要...
seo企业优化顾问如何针对网站做SEO分析?

seo企业优化顾问如何针对网站做SEO分析?

不过分的说,分析网站几乎每一个SEO站长都必须掌握的技能,因为只有学会分析网站,才能找出细微的问题,才能有所成...
网站怎么优化排名?一些平时积累的SEO收录知识总结

网站怎么优化排名?一些平时积累的SEO收录知识总结

经常有站长在优化网站的过程中不知所措,本人把一些平时积累的SEO收录知识总结成相关文章整理成笔记分享给大家,希...
公司网站怎么优化?不收录的原因是什么?

公司网站怎么优化?不收录的原因是什么?

公司网站不被搜索引擎收录的原因有很多,专业些的SEO优化师知道网站的收录率直接反映了一个网站的情况,这一点是网...