在导入的SVG中使用CSS定义的字体

是否可以为作为资产的SVG（相对于嵌入式SVG）设置

@font-face

规则

我知道可以在SVG的

中设置样式，但我要说的是在CSS文件中设置样式

我有数百个SVG图像，它们都有如下内容：

<text id="Text" font-family="SlatePro-Bk"</text>

我的CSS中的字体规则是：

@font-face {
    font-family: 'SlatePro-Bk';
    src:  url('../fonts/slatePro-bk.eot') format('eot'),
          url('../fonts/slatePro-bk.otf') format('otf'),
          url('../fonts/slatePro-bk.woff2') format('woff2'),
          url('../fonts/slatePro-bk.woff') format('woff');  
} 

有什么建议吗？

I Paul， 要在SVG中包含字体，不仅要在css中声明，还要在SVG元素中声明

在SVG元素中，可以放置：

    <font id="Font1" horiz-adv-x="1000">
  <font-face font-family="Super Sans" font-weight="bold" font-style="normal"
      units-per-em="1000" cap-height="600" x-height="400"
      ascent="700" descent="300"
      alphabetic="0" mathematical="350" ideographic="400" hanging="500">
    <font-face-src>
      <font-face-name name="Super Sans Bold"/>
    </font-face-src>
  </font-face>
  <missing-glyph><path d="M0,0h200v200h-200z"/></missing-glyph>
  <glyph unicode="!" horiz-adv-x="300"><!-- Outline of exclam. pt. glyph --></glyph>
  <glyph unicode="@"><!-- Outline of @ glyph --></glyph>
  <!-- more glyphs -->
</font>

希望有帮助

卡蒂娅

我是保罗， 要在SVG中包含字体，不仅要在css中声明，还要在SVG元素中声明

在SVG元素中，可以放置：

    <font id="Font1" horiz-adv-x="1000">
  <font-face font-family="Super Sans" font-weight="bold" font-style="normal"
      units-per-em="1000" cap-height="600" x-height="400"
      ascent="700" descent="300"
      alphabetic="0" mathematical="350" ideographic="400" hanging="500">
    <font-face-src>
      <font-face-name name="Super Sans Bold"/>
    </font-face-src>
  </font-face>
  <missing-glyph><path d="M0,0h200v200h-200z"/></missing-glyph>
  <glyph unicode="!" horiz-adv-x="300"><!-- Outline of exclam. pt. glyph --></glyph>
  <glyph unicode="@"><!-- Outline of @ glyph --></glyph>
  <!-- more glyphs -->
</font>

希望有帮助

---

Katia

字体资源必须进行Base64编码并嵌入到SVG文件中才能跨浏览器工作。我创建了一个工具，可以扫描文件并嵌入适当的资源

---

让我知道这是否有帮助。

字体资源必须经过Base64编码并嵌入到SVG文件中，才能跨浏览器工作。我创建了一个工具，可以扫描文件并嵌入适当的资源

---

如果有帮助，请告诉我。

您如何将SVG链接到CSS，以及@font-face配置是什么样子的？SVG主要是背景图像，有些是内联图像。我用字体规则更新了这个问题。谢谢你还没有回答我的第一个问题。你是如何将SVG链接到CSSHow的？你是如何将SVG链接到CSS的？你的@font-face配置是什么样子的？SVG大部分是背景图像，有些是内联图像。我用字体规则更新了这个问题。谢谢你还没有回答我的第一个问题。您如何将SVG链接到CSS