是否可以在css字体中使用svg base64？

我对字体图标很陌生。根据这一点，我已经使用svgo创建了SVGBASE64，但是我希望在css字体中使用它，而不是直接在css背景url中使用它。因此，我可以通过使用字体设置（如字体大小等）自定义图标。与原始base64 truetype字体相比，它还减小了文件大小

这是可能的，还是我必须单独使用truetype字体作为带有css字体面的base64字体

我创建了一个简单的示例，如下所示

@font-face{
字体系列：“i-图标”；
src:url("数据：image/svg+xml；charset=utf-8；base64，%3Csvg xmlns=%http://www.w3.org/2000/svg“viewBox='0 48 48'%3E%3Cpath fill='23000'd='M22.002 10c-.543 0-1.012.2-1.407.593A1.918 1.918 0 0 0 0 20 12.002v7.997H12a1.92 1.92 0 0-1.408.596 1.929 1.929 0 0-.591 1.404v4.002c0.54.198 1.008.591 1 1 1 1 1.405.396.397.866.595 1.408.595H20197.591.597。395.395.395.395.395.395.395.395.395.395.396.397.397.397-.396.397.396.397-.396.397.396.397-.396.397.397.397.397.397.397.397.397.0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 5 5 5 5.594-4-4-4-4-4-4-1 9A1.933 1.933 0 0-1.405-.592zm2-10c4.354 0 8.366 1.072 12.045 3.219 3.678 2.143 6.59 5.056 8。737 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 7 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 8 5-6.59 8.733-8.734C15.632 1.072 19.647 0 24.001 0z'/%3E%3C/svg%3E”）格式（“svg”）；
字体大小：正常；
字体风格：普通；
}
[class^=“i-”]，[class*=“i-”]{
字体系列：“i-图标”！重要；
说：没有；
字体大小：60px；
字体风格：普通；
字体大小：正常；
}
.i-test：：之前{
内容：'\ea01'
}

---

有几件事在这里行不通：

• 数据url声称是base64编码的，但它不是。这实际上就是您链接的文章的内容。url必须以

  数据：image/svg+xml；charset=utf-8，

  -省去

  ；base64

  开头
• SVGO从它声称“优化”的文件中的内容元素中删除

  id

  属性。这意味着您只能将SVG作为一个整体来处理，而不能处理单个内容，因为它无法识别。（无可否认，对于您的示例文件，这是一个没有实际意义的问题，因为它只包含一个元素。）
• 虽然有一种称为SVG字体的东西，但没有浏览器实现它。它实际上是

---

我建议阅读Sara Soueidan的概述，作为更好技术的介绍。

感谢您的回答。我将按照提供的指导原则使用svg图标。：-）