javascript - 为什么 svg 图片的字体系列会发生变化？

Question

svg 文件的字体系列是font-family="HelveticaNeue-Bold, Helvetica Neue". 我在我的网站中输入了 svg 文件。然后我检查我的 chrome 浏览器，结果是真的，字体系列是Helvetica

但是我的朋友尝试访问我的网站，图像的字体系列发生了变化。字体家族是times new Roman

这怎么可能发生？如何设置它以便在任何地方访问时字体系列都不会改变

标签： javascripthtmlcsssvgfonts

Answer 1

访问者必须可以通过浏览器使用该字体。基本上，您需要将正确的字体文件放在服务器上并通过 CSS 包含它们。

如果你不这样做，你的电脑将获得最接近的字体来呈现默认设置的文本。在您的情况下，这是 Helvetica。你的朋友没有安装这个，所以他得到了默认的时间。

如何将字体添加到您的网站

或者： 这将为您完成繁重的工作

根据您制作 SVG 的方式，您还可以将类型转换为形状，然后您将不需要字体，但无法轻松编辑文本。