我可以阻止浏览器扩展覆盖我网站的CSS吗？

Question

我正在玩个人网站。但是我注意到网站上的字形，我有专门的字体，在Chrome上没有正确显示。我很快发现扩展名Chromoji正在注入用sprite替换我的字形的css规则。

我是否可以添加标签或其他内容以停止样式注入？或者让我的风格成为先例？

Answer 1

简易解决方案：不要使用字形字体。请改用SVG图标：）

像...一样的东西。

<svg viewBox="0 0 16 16">
    <use xlink:href="icons.svg#iconID" />
</svg>

icons.svg将是包含各种图标的SVG文件，每个图标都有id属性，您可以在<use>标记中引用该文件。

SVG是widely supported，我一直在使用它们对我自己的项目产生很大影响。