Google Fonts 部分字形符号实际部署后无法访问问题咨询

问题根因 #

Google Fonts 对外分发的默认CDN字体文件经过了体积优化裁剪，仅包含常用的文本类字符，箭头、特殊符号等非常用字符默认不会被打包进分发包。官方样本页加载的是全量字体文件用于效果展示，因此和实际部署时获取的裁剪版字体文件存在差异。

可选用解决方案 #

• 调整CDN引入参数：如果你继续使用Google Fonts的CDN服务，可以在字体引入链接中添加text参数，将你需要用到的所有特殊字符拼接为参数值，Google Fonts会自动将这些指定字符加入到返回的字体文件中，即可正常渲染对应自定义字形。
• 自行托管全量字体：如果需要用到的特殊字符较多，或者需要完整覆盖字体支持的所有字形，可以直接下载对应字体的完整发布包，上传到你的站点服务器后通过CSS的@font-face规则自定义引入，该方式不受CDN子集化裁剪限制，所有字体包含的字形都可以正常调用。
• 配置fallback字体序列：在CSS中为使用该字体的元素配置合理的 fallback 字体列表，即使出现字符缺失情况，也会调用 fallback 字体的对应字符渲染，避免出现空白或乱码方块。

内容的提问来源于stack exchange，提问作者davecave