Paw*_*ski 10 svg font-awesome-5 angular
我有角度和字体很棒的问题。在第一代图标列表中，所有基于CSS类的图标突然都转换为svg。它仅影响实体图标。例如 ：
<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> -->
有什么选择可以防止这种情况吗？强制以某种方式翻译？
这可能是有问题的。例如，我不能使用纯色图标:(
mwi*_*son 11
如果您不希望Font Awesome（Font Awesome）<i>使用相应的<svg>s 自动替换看起来像图标的标签，则可以将配置更改为disable autoReplaceSvg。
如果您通过<script>标签加载，则可能如下所示（请确保在加载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>
或者，如果您要构建自己的捆绑软件，并且可以从自己的脚本中访问配置，则可以执行以下操作：
import fontawesome from '@fortawesome/fontawesome'
fontawesome.config = { autoReplaceSvg: false }
小智 6
我遇到了同样的问题，当我检查元素时，icon标记实际上已转换为SVG。
问题是我同时通过CSS和JS调用加载fontawesome。当我删除对JS lib的调用并仅调用CSS文件时，图标将正确呈现。
| 归档时间： |
|
| 查看次数： |
3402 次 |
| 最近记录： |