代码之家 › 专栏 › 技术社区 › o_s_a_k_a

如何将字体系列“Open SAN”添加到内联svg文本?

google-fonts inline svg html

o_s_a_k_a · 技术社区 · 7 年前

<svg viewbox='0 24 100 24' fill='#000'>
  <text font-size='24' fill='#000' font-family='Open+Sans'>MENU</text>
</svg>

1 回复 | 直到 7 年前

r3mainer 7 年前

你不需要加号;只有当字体名称包含在URL中时,才需要这些。

<svg viewBox="0 0 100 30">
    <text x="0" y="27" font-size="30" fill="#fa0"
          font-family="Comic Sans MS">MENU</text>
</svg>

font-family="'Comic Sans MS',cursive"

推荐文章

Aaron · 使用feTurbulence SVG标记模拟Musgrave纹理动画

1 年前

Michael Lynch · 如何使用包来构建导入SVG的React组件库?

1 年前

Chris Barr · 为什么带有<defs>的SVG在转换为<symbol>时会丢失渐变?

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

JohnB · 将<svg>资源放在</body>之后合法吗?

2 年前

Hashim Aziz · 为什么使用SVG Core设置FontAwesome在默认情况下会禁用这些选项?

2 年前

Sougata Mukherjee · 如何同时悬停svg和文本

2 年前

Basj · 即使距离为3像素,也能检测到SVG线上的点击

3 年前

jana · 在带有javascript的svg中的锚点中插入rect元素不起作用

3 年前

Developer · 如何在SVG图例中将文本悬停在rect或legendcells上

3 年前