Google Fonts加载多字体族时搭配&text参数仅首个字体生效
错误原因
你的参数拼接方式不符合Google Fonts CSS API的规则:
text属于全局级别请求参数,不支持针对单个字体族重复传值,接口只会读取请求中第一个text参数的内容,后续重复声明的text参数会被直接忽略。- 你当前的请求里,实际生效的参数只有首个字体族Karla、以及对应的text值
Karla,后面的Heebo字体需要加载的字符不在生效的text字符范围内,因此加载失败。
正确实现方案
- 多字体共用裁剪字符集场景:仅传一次
text参数,把所有字体预览需要用到的字符全部拼接在这个参数值里即可,示例参数格式:?family=Karla&family=Heebo&text=KarlaHeebo
接口会自动对text传入的字符做去重处理,作为所有请求字体的共用裁剪子集,不会产生冗余的字体体积。
- 不同字体需要独立裁剪字符集场景:单条CSS请求无法实现该需求,需要拆分为多条独立的字体请求,每条请求对应一个字体族+专属的text参数即可。
内容的提问来源于stack exchange,提问作者jbcortez89
相关产品推荐
相关产品推荐

