如何避免重复索引(相同内容id的不同图标)？
如何避免重复索引(相同内容id的不同图标)？
提问于 2022-07-08 10:22:48
我有一个网站与一个icomoon.css文件之前插入的其他人。现在，我添加了自己的icomoon2，改名为icomoon2。问题是，现在我有一些图标具有相同的内容id，ex: content："\e976"；在两个css文件上指向两个不同的图标。所以只有一个图标是显示。
我没有原始的json文件，我需要这两个图标。
我认为我应该更改css文件中的内容id，然后在.eot .svg .tiff .woff文件中进行相应的更改，对吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-07-08 14:54:38
正如@已经指出的那样:重新编译图标字体可能是最好的解决方案。
导入图标应用程序中的 svg 字体文件(图标在内部使用svg字体文件)
替代方案:加载两个字体系列，并在css中添加一些覆盖规则
您需要两个@font-face规则：
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: 'icomoonNew';
src: url('fonts/icomoon.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
.icon-share:before {
content: "\e900";
}
.icon-missing:before {
font-family: 'icomoonNew'!important;
content: "\e90b";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72910007
复制相关文章
相似问题
腾讯云开发者
