防止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>，则可以更改配置以禁用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.
如果通过<script>标签加载，则可能看起来像这样(请确保在加载 之前完成 的配置)
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屋！
