【问题标题】:Fontawesome CDN renders SVGFontawesome CDN 渲染 SVG
【发布时间】:2018-03-11 10:55:46
【问题描述】:

我在使用 Fontawesome CDN 时遇到问题。它将所有<i> 标签更改为<svg>。有什么办法可以防止这种情况发生吗?

示例:

<i class="fa fa-user"></i>

改成

<svg class="svg-inline--fa fa-user fa-w-16" aria-hidden="true" data-prefix="fa" data-icon="user" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 0c88.366 0 160 71.634 160 160s-71.634 160-160 160S96 248.366 96 160 167.634 0 256 0zm183.283 333.821l-71.313-17.828c-74.923 53.89-165.738 41.864-223.94 0l-71.313 17.828C29.981 344.505 0 382.903 0 426.955V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48v-37.045c0-44.052-29.981-82.45-72.717-93.134z"></path></svg>

【问题讨论】:

标签: svg font-awesome cdn font-awesome-5


【解决方案1】:

我认为您使用了错误的 cdn。

这里是 CSS cdn:

<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">

您可能使用过替换为

的 javascript CDN
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>

【讨论】:

  • 我刚刚添加了 'aria-hidden' 但没有效果
  • “防止它的唯一方法是在标签中添加数据属性” - 哪个数据属性? aria-hidden 不是数据属性。它并不能阻止这种行为;您所指的是Accessibility (Web Font with CSS) 部分,并解释说,如果您使用的是仅 webfont 版本的 FA,则必须手动添加此属性以保持可访问性。
  • 我阅读了你提到的链接。它只告诉人们是否想添加一些文本作为标题。我面临的问题是所有“”标签在渲染时都转换为“”标签。如果我们在同一条轨道上,那么请你给我看一个例子吗
猜你喜欢
  • 2018-05-23
  • 1970-01-01
  • 2017-10-20
  • 2017-07-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-11
  • 2021-12-22
相关资源
最近更新 更多