html - 我可以阻止浏览器扩展覆盖我网站的 css 吗?

标签 html css

我目前正在玩弄一个个人网站。但是我注意到网站上的字形(我有专门的字体)在 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/

相关文章:

html - 字体很棒,有些图标没有显示

html - 自动调整固定文本大小以填充动态大小容器

javascript - jQuery中如何正确控制滑入/滑出功能?

javascript - 如何为新添加的行添加背景颜色angularjs

html - 如何基于 HTML 类重构 CSS

html - 保持 block 元素水平

html - 有div "tight fit"

html 问题,所有以太都居中或离开。我想要某些 div 左/居中

html - 将 iframe 链接加载到父窗口?

jquery - 完全进入视口(viewport)后,如何将div粘贴在页面底部?