防止 fontawesome 的 svg 翻译 [英] Prevent svg translation of fontawesome
问题描述
我遇到了角度和字体很棒的问题.在第一代图标列表中,所有基于 css 类的图标突然都转换为 svg.它只影响实心图标.例如:
I have en issue with angular and font awesome. On first generation of list of icons suddenly all css class based icons are translated to svg. It affects only solid icons. for example :
<i class="fas fa-2x fa-minus-square"></i>
不知何故被翻译成
<svg _ngcontent-c16="" class="svg-inline--fa fa-minus-square fa-w-14 fa-2x"
ng-reflect-ng-class="fas fa-2x fa-minus-square" aria-hidden="true" data-prefix="fas" data-icon="minus-square"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
<path fill="currentColor"
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM92 296c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h264c6.6 0 12 5.4 12 12v56c0 6.6-5.4 12-12 12H92z">
</path>
</svg>
<!-- <i _ngcontent-c16="" class="fas fa-2x fa-minus-square" ng-reflect-ng-class="fas fa-2x fa-minus-square"></i> -->
有什么办法可以避免这种情况吗?强制翻译?
Is there any option which can prevent this situation? Force somehow translation?
这可能有问题.例如,我不能使用实心图标 :(
It can be problematic. For example I cannot use solid icons :(
推荐答案
如果您不希望 Font Awesome 自动将看起来像图标的 <i>
标签替换为相应的 <svg>
s,你可以更改配置禁用 autoReplaceSvg
.
If you'd like Font Awesome not to automatically replace <i>
tags that look like icons with the corresponding <svg>
s, you could change the configuration to disable autoReplaceSvg
.
如果您通过 标签加载,可能看起来像这样(确保在加载 Font Awesome 之前进行配置):
If you're loading via <script>
tag, that might look like this (make sure to do the config before loading Font Awesome):
<head>
<script type="text/javascript">
// Notice how this gets configured before we load Font Awesome
window.FontAwesomeConfig = { autoReplaceSvg: false }
</script>
<script src="fontawesome.js"></script>
<script src="fa-solid.js"></script>
</head>
或者,如果您正在构建自己的包并且可以从您自己的脚本中访问配置,您可以这样做:
Or if you're building your own bundle and can access the config from within your own script you could do this:
import fontawesome from '@fortawesome/fontawesome'
fontawesome.config = { autoReplaceSvg: false }
这篇关于防止 fontawesome 的 svg 翻译的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!