css - 设置 SVG 的后备字体

Question

在 Web 应用程序中，我需要显示一个 SVG(在 <img src="..."> 标签的帮助下)，其中包含文本。不过，文本使用了完全非标准的字体:

<tspan font-family="'WTFHeadlineOT-Black'">Example text</tspan>

浏览器会退回到 Times New Roman，但客户希望它是 Arial。如何为这个特定的家庭强制使用 Arial？

请注意，我想避免提供网络字体，因为它需要支持整个 Unicode 范围。我想回退到内置的 Arial，现代操作系统中涵盖了世界上大多数书写系统。

Answer 1

如果您想要 Arial，则只需在 font-family 属性中使用它。喜欢squamish ossifrage建议例如 font-family="'WTFHeadlineOT-Black',Arial,sans-serif"。

无法 100% 保证它最终会是 Arial，因为并非所有系统都安装了它，即使大多数系统都安装了。对于一些好的回退，请参见例如 http://www.cssfontstack.com/Arial .

如果外观非常重要，另一种可能性是将文本转换为路径。