使用css代码美化全站字体(教程)

之前我一直使用自己服务器托管的字体，但是我发现字体文件通常有几MB，加载起来比较慢，对服务器的压力也有亿点点大。

后来我尝试把字体放到某些云存储服务上，但是这些云服务要么需要按流量或空间收费，要么不得不接受他们的广告投放。实在是觉得麻烦，毕竟就一个字体，折腾这么多不太值得。

我的想法其实很简单，让网站加载速度更快一点，让访客体验更流畅。

今天刚好发现了 OPPO 官方的字体链接：https://dsfs.oppo.com/store/public/font/OPPOSans-Medium.woff2，关键是它还支持跨域访问，直接就可以用。

决定把这个发现分享给大家，希望能帮到有类似需求的朋友。毕竟，加载大厂服务器的字体肯定比加载自己服务器的更快。

教程

把下面的代码放入你网站的.css文件里面即可，比如我的Wordpress程序，我就放在了主题的style.css文件里。

代码加入到你的css里面保存，保存好了需要强制刷新一下浏览器才能看到效果。

当然，如果你不喜欢这个oppo的字体你也可以在代码里面调用你自己喜欢的字体。