html - 链接到具有相同名称的外部字体？-6ren

html - 链接到具有相同名称的外部字体？

转载作者：太空宇宙更新时间：2023-11-04 02:22:39

我使用的字体来自字体库，该库通常以相同的名称存储不同的字体。例如，两种不同的字体可能是:

<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 的一些信息。

CSSStyleSheet.insertRule()

关于html - 链接到具有相同名称的外部字体？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37889064/