修改网站整站字体

文章最后更新时间:2024-11-28 14:07:04某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 七科互联

在网站设计中,字体的选择与修改至关重要。它不仅关乎视觉美感,还影响着用户阅读体验。本博客将详细阐述修改网站整站字体的方法,助你轻松打造个性且舒适的网页

效果演示

修改网站整站字体-七科互联

代码

@font-face {
        font-family: "lovely";
        src: url("字体链接") format("woff2");
        font-display: swap;
    }

    * {
        font-family: "lovely"
    }

字体库分享

字谷网(https://www.fontgoods.com,支持免费商用)

100字体下载站(https://www.100font.com/

猫啃网(https://www.maoken.com/

注:部分下载后,是一个.ttf的文件(压缩包的解压)。但是经过测试,.ttf的字体在部分浏览器不能生效(如Safari)所以,需要转换成eot,woff,woff2,svg其中一个就好。推荐.woff

转换小工具:https://convertio.co/zh/font-converter/

使用教程

将上述代码放置在Zibll主题设置>全局&功能>自定义代码>自定义CSS样式中

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

请登录后发表评论

    暂无评论内容