嗨，我是插画家的新手，并创建了一个使用“Skia-Regular”字体的图像。但是当我以.svg格式保存该图像时，它会更改字体类型。当我在浏览器中打开 .svg 格式文件时，字体完全不同。谁能告诉我我做错了什么。我也在notepad ++中打开了.svg文件，它也说font-family =“'Skia-Regular'但字体仍然不是Skia Regular。任何帮助将不胜感激。谢谢
图片也附上供参考 
在 Illustrator SVG 文件中保留字体类型
平面设计
adobe-illustrator
向量
商标
svg
2022-01-09 02:11:28
4个回答
如果您想确保文本在每种情况下都具有相同的外观 -
首先，您可以在保存为 svg 之前展开文本
其次，在保存对话框的字体部分，您可以按“转换为轮廓”
字体无法正确呈现为实际字体类型的原因是，当使用 Illustrator 应用程序保存 SVG 时。应用程序自动将设计转换为代码。如果仔细观察，代码中的字体名称与系统中安装的实际字体不匹配。
要克服字体渲染问题，您需要从 Illustrator 复制 SVG 代码并修改字体名称以匹配系统中安装的字体名称。（例如：SVG 代码中的字体名称来自 Illustrator “Arial-Regular”，但您系统中安装的字体名称是“Arial Regular”。这里您需要修改代码以将 Font-Family 设置为“Arial Regular” “。）
这将解决您的问题，而无需将字体转换为轮廓。
希望这可以帮助！
正如您所指出的，字体是对尝试打开 svg 的系统可能（或可能不）可用的字体文件的引用。解决方案是将您的类型转换为路径，以便曲线显式存储在文件中。
至于为什么浏览器可能不知道您尝试引用的字体，这尚不清楚，因为我假设您正在创建 svg 文件时使用的同一台计算机上进行测试。在 Illustrator 中可以选择字体但未在操作系统级别正式安装，这似乎是合理的。
网络存档：
- 使用谷歌字体。
- 最多只使用两个字体系列。
导出： 字体：（文本：svg，subconjunto：无）。svg 属性：（样式元素）。
在结果文件的样式中，编辑它：
- 附加行“@import”。
- 将“px”附加到所有字体大小。
- 重命名字体名称。
结果：
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
body {}
.st0{fill:#868686;}
.st1{font-family:'Roboto Condensed';}
.st2{font-size:14.414px;}
.st3{letter-spacing:55px;}
.st4{fill:#1D1D1B;}
.st5{font-family:'Roboto Condensed'; font-weight: 700;}
.st6{letter-spacing:51px;}
.st7{letter-spacing:45px;}
.st8{letter-spacing:40px;}