在 Web 应用程序中，我需要显示一个 SVG(在 <img src="..."> 标签的帮助下)，其中包含文本。不过，文本使用了完全非标准的字体:
<tspan font-family="'WTFHeadlineOT-Black'">Example text</tspan>
浏览器会退回到 Times New Roman，但客户希望它是 Arial。如何为这个特定的家庭强制使用 Arial？
请注意，我想避免提供网络字体，因为它需要支持整个 Unicode 范围。我想回退到内置的 Arial，现代操作系统中涵盖了世界上大多数书写系统。
最佳答案
如果您想要 Arial，则只需在 font-family 属性中使用它。喜欢squamish ossifrage建议例如 font-family="'WTFHeadlineOT-Black',Arial,sans-serif"。
无法 100% 保证它最终会是 Arial，因为并非所有系统都安装了它，即使大多数系统都安装了。对于一些好的回退，请参见例如 http://www.cssfontstack.com/Arial .
如果外观非常重要，另一种可能性是将文本转换为路径。
关于css - 设置 SVG 的后备字体，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30596282/