Google字体未显示在SVG代码中

在上，我有一个SVG代码。SVG文件仅显示基本的常规字体类型。不过，我已经使用了所有字体变体（斜体、粗体、粗体、半粗体、深色）

我已经在文件和外部CSS中尝试了@import方法和link rel。这些将分别是

@导入url（“”）

我还研究了这一点，它是在SVG文件中使用@font-face方法设置的（尝试了粗体、常规等，但没有效果）：

代码段：

@导入{font-family:'Vollkorn'，serif；src:url（'Vollkorn/Vollkorn Bold.ttf'）}
svg{font-family:'Vollkorn'，serif；}
…

您的问题是，即使您的设置

svg{font-family: 'Vollkorn', serif;}

文本的类覆盖了字体系列，规则如下

.st22{font-family:'Vollkorn-SemiBold';}

“Volkorn SemiBold”在任何地方都没有定义。更改您的类，使它们只使用“Volkorn”

---

或者完全删除它们，因为它们现在什么都不做。

如果在googleapi样式表中使用@import子句，则会导入各种字体变体，但必须通过设置

font-family:Vollkorn；字体大小：600

等。这很有效。非常感谢。我希望谷歌能通过按字体名称“捕捉”这些字体来为SVG实现自动化。Illustrator只是在导出SVG代码或保存SVG文件时输出字体名称。如果可以的话，这是一个附带问题。在文本样式更改为下划线的某些位置，SVG代码无法正确呈现。因此，我得到+符号重叠到一个单词上。我想我必须修改矩阵坐标来解决这个问题，还是有更好的方法来解决这个问题？Illustrator似乎在每次样式改变时都直接定位不同的文本位。我不确定是否有办法阻止Illustrator这样做。你不需要仅仅为了使一个单词带下划线而开始一个新的position

元素。见和。但是请注意，文本的长度显然会有所不同。但是您可以使用

textLength

属性来解决这个问题（参见“after”示例）。

.st22{font-family:'Vollkorn';}