我使用的字体来自字体库，该库通常以相同的名称存储不同的字体。例如，两种不同的字体可能是:
<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> 中包含以上两个链接意味着字体的第二个版本将是引用为 NeuzeitGroteskW01-Regular 的那个在 CSS 中。有没有办法从外部服务器使用共享相同名称的多种字体？
最佳答案
没有“干净”的方法可以做到这一点，因为覆盖 CSS 规则几乎是其功能的一部分。
也许您可以使用 XHR 通过 javascript 加载 CSS，替换 XHR 响应中的字体名称，并使用 insertRule 即时添加新字符串作为 CSS 规则。
同样，它并不干净，但应该可以解决问题。 以下是有关 insertRule 的一些信息。
关于html - 链接到具有相同名称的外部字体？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37889064/