我使用的是字体存储库中的字体,它通常会在同一名称下存储不同的字体。例如,两种不同的字体可能是:
<link href="//db.onlinewebfonts.com/c/edeb336ecd776e23d99355eb2b52cbc7?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'>
<link href="//db.onlinewebfonts.com/c/[some other random character string]?family=NeuzeitGroteskW01-Regular" rel='stylesheet' type='text/css'>
在我的页面<head>
中包含上述两个链接意味着该字体的第二个版本将是CSS中引用为NeuzeitGroteskW01-Regular
的字体。有没有办法从外部服务器使用多个共享相同名称的字体?
答案 0 :(得分:2)
没有“干净”的方法,因为覆盖CSS规则几乎是其功能的一部分。
也许您可以使用XHR使用javascript加载CSS,替换XHR响应中的字体名称,并将新字符串作为CSS规则添加到 insertRule 中。
同样,它不干净,但应该做的伎俩。 以下是有关 insertRule 的一些信息。