我目前正在玩弄一个个人网站。但是我注意到网站上的字形(我有专门的字体)在 Chrome 上显示不正确。我很快发现一个名为 Chromoji 的扩展正在注入(inject) css 规则,这些规则正在用 sprite 替换我的字形。
我可以在网站上添加标签或其他东西来阻止样式注入(inject)吗?或者让我的风格成为先例的方法?
最佳答案
简单的解决方案:不要使用字形字体。请改用 SVG 图标 :)
有点像...
<svg viewBox="0 0 16 16">
<use xlink:href="icons.svg#iconID" />
</svg>
icons.svg
将是一个包含各种图标的 SVG 文件,每个图标都有一个 id
您可以在 <use>
中引用的属性标签。
SVG 是 widely supported我一直在使用它们对我自己的元素产生巨大影响。
关于html - 我可以阻止浏览器扩展覆盖我网站的 css 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37898891/