分享学习记录
互联网技术知识

WordPress网站字体美化教程

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

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)
文章名称:《WordPress网站字体美化教程》
文章链接:https://www.bailuze.com/8541.html
本站所有文章,如无特殊说明或标注,均为本站原创发布。任何在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站专注于百度、搜狗、360、谷歌、bing等常见搜索引擎的优化,关键词排名的提高,诚意咨询邮箱526009505@qq.com
分享到