Font.css跨平台中文字体解决方案

3,480 阅读1分钟

点赞再看,养成习惯,你们的支持是我持续分享的最大动力(^▽^)

一直以来跨平台的中文字体 CSS 设置都是一件让人很头疼的事情,Font.css这个库打包了一些常见字体的名字,能覆盖 WindowsMac 以及 Linux 的常见字体,方便引用。

用了该解决方案,你的网站在各个操作系统上,显示的中英文字体效果都还是不错的。

使用方法:

body{
    font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}

最后,网站地址:zenozeng.github.io/fonts.css/ ,希望能帮助到有需要的朋友。

告诫自己,即使再累也不要忘记学习,成功没有捷径可走,只有一步接着一步走下去。 共勉!