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这是字体文件的地址(自己修改),*这是全局显示。

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

👋 感谢您的观看!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享