引子
接上篇 中文网页中的字体选型及开发指南 ,我们已经知道了中文网页设计的字体理论及原理,现在是时候应用于实践了!
字体定义
Ghost 博客中,以 「Casper」 主题为例,把全局字体进行了三个变量定义,分别对应 「衬线字体」、「非衬线字体」和「等宽字体」,我们只需要在「Code injection」设置中,重新定义它们就能实现全局更改字体的效果了。
在「Site Header」中添加以下代码:
<style>
:root {
--font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei"