【问题标题】:What is the alternative to SVG fonts on website?网站上 SVG 字体的替代品是什么?
【发布时间】:2016-02-25 18:15:32
【问题描述】:

我想使用具有自定义字体的高响应徽标文本。我意识到几乎每个浏览器都不支持 SVG 字体,这意味着它不是一个选项:http://caniuse.com/#feat=svg-fonts

有哪些选择以及解决问题的正确方法是什么?

我可以添加一个高分辨率的图像并将其缩小吗? 只使用标题标签?但是你怎么能根据屏幕的宽度来缩放它呢? 除了 SVG,还有基于矢量的选项吗?

【问题讨论】:

  • @SaucedApples 你觉得这个问题太主观了?由于在不同情况下可能最好的解决方案不止一种,因此我不能要求一种也是唯一正确的方法。我仍然觉得我的问题很清楚。
  • 多加注意。您的第一个问题是基于意见的,这就是要关闭链接和标志的原因。
  • 现在字体通常是基于矢量的,尽管它们不使用 SVG 作为其格式。
  • font-size="50%" 或 font-size="1vw"

标签: html css svg fonts


【解决方案1】:

您的徽标只有字母这一事实并不意味着它必须是字母。实际上,它们只是类似于字母的形状

制作svg 形状,或足够大的.png,您可以随意缩放。

人们不在乎它是纯文本、svg、png 还是 jpg,无论如何他们都会阅读它。而且我相信没有人会尝试选择它或复制粘贴它,如果您希望屏幕阅读器可以阅读它,只需将其文本添加到 alt 属性中即可。

【讨论】:

  • 但我的问题是自定义字体。 Chrome 不再支持 svg 中的自定义字体。
  • 那就不要用了,在自己选择的程序中制作logo,转换成路径,导出为svg。
  • 哦耶.. 从来没有想过实际上将文本作为路径而不是实际文本。不习惯 illustrator 和 .svg 格式。谢谢!
猜你喜欢
  • 2018-06-11
  • 2020-01-07
  • 2019-02-22
  • 2011-05-07
  • 2012-04-24
  • 2019-12-03
  • 2010-09-17
  • 2012-03-27
  • 2012-09-30
相关资源
最近更新 更多