Question

有什么方法可以从链接的CSS文件中定义/更改/设置SVG元素的字体属性？或者所有数据都必须固定到SVG文件本身？强调“固定”＃。 ICK。

换句话说，会做类似下面的事情会有效吗？

SVG：

<svg>
  <g id="buttonText">
    <text id="buttonTextShadow">CLICK ME</text>
    <text id="buttonTextColor">CLICK ME</text>
  </g>
</svg>

CSS：

#buttonTextColor, #buttonTextShadow  { font-family: "OpenSans"; }
#buttonTextColor { color: #fff; }
#buttonTextShadow { color: #333; }

能够从样式表中定位和设计这些东西会很好......如果没有，我会适应......：P

TIA！

WR！

Answer 1

这似乎有效，如果您愿意，可以直接定位id。

<svg>
  <defs>
    <style type="text/css">
      @font-face {
        font-family: "OpenSans";
        src: url('/path/to/font.woff');
      }

      #buttonText {
        font-family: "OpenSans";
      }
    </style>
  </defs>
  <g id="buttonText">
    <text id="buttonTextShadow">CLICK ME</text>
    <text id="buttonTextColor">CLICK ME</text>
  </g>
</svg>

可以在CSS文件中声明SVG元素的字体吗？

1 个答案: