【问题标题】:Font-family for svg text is not working?svg 文本的字体系列不起作用?
【发布时间】:2017-11-23 21:56:26
【问题描述】:

1) SVG 中文本的默认字体系列是什么?

2) 我正在尝试使用动态字体在 svg 文本上渲染。第一次应用字体时它不起作用,第二次之后它工作正常。 谁能帮我解决这个问题?

提前致谢。

【问题讨论】:

  • 你的第一个答案在这里:w3.org/TR/SVG/fonts.html#FontDescriptions
  • 1) 取决于您的浏览器,也可能取决于操作系统。 2) 显示代码。
  • 嘿,感谢您的努力。我得到了我的答案。在执行代码之前,应在浏览器中加载字体。
  • @RobertLongson 项目代码结构非常冗长。所以在这里生成代码对我来说有点困难。无论如何,谢谢大家。
  • @biswajit-rout 然后你需要创建一个minimal reproducible example

标签: javascript html svg


【解决方案1】:

没有提到默认字体 (font-face/font-family)。在W3C

注意:

如果您在网页或 SVG 文件中指定用户需要的字体 没有可用,那么你依赖于浏览器或浏览器 插件来为该字体找到相当好的匹配。仅给出 字体名称,它会做不好的匹配工作。使用字体 具有字体系列和其他属性组合的属性 提供一些信息,使字体更像你的字体 想。您可以使用的通用姓氏是“serif”、“sans-serif”、 “草书”、“幻想”和“等宽”(来自 CSS 规范)。 您还可以使用其他姓氏,例如“Times”、“Baskerville”、 “Verdena”和“符号”。

【讨论】:

猜你喜欢
  • 2017-05-08
  • 2015-12-07
  • 2015-04-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-24
  • 1970-01-01
  • 2018-03-03
相关资源
最近更新 更多