cnblogs 自定义主题字体渲染方案

渲染效果图

由于我一直偏好衬线字体，所以在采用 Silence 主题 之后，还参照谢益辉的博客字体方案进行了改进

首先，在页首代码中添加盘古之白，如果你同时编写 中/英 文博客，你当然应该学习谢益辉的方案，仅在中文页面加载它。

<script>
    (function(u, c) {
        var d = document,
            t = 'script',
            o = d.createElement(t),
            s = d.getElementsByTagName(t)[0];
        o.src = u;
        if (c) {
            o.addEventListener('load', function(e) {
                c(e);
            });
        }
        s.parentNode.insertBefore(o, s);
    })('//cdn.jsdelivr.net/npm/pangu@4.0.7/dist/browser/pangu.min.js', function() {
        pangu.spacingPage();
    });
</script>

通过网络加载思源字体，后台文件管理中上传 load-typekit.js，然后在页首代码中添加 <script async src="https://blog-static.cnblogs.com/files/<YOUR USERNAME>/load-typekit.js"></script>，由于墙的原因，字体加载速度可能并不理想，可以考虑本地安装来解决。

https://yihui.org/cn/2017/05/pangu/

https://yihui.org/cn/2017/04/source-han-serif/

另外，代码字体可以考虑替换成 Cascadia Code，选择外挂或者本地安装的方式。