私は現在、個人のウェブサイトで遊んでいます。しかし、私は専用のフォントを持っているサイトのグリフがChrome上で正しく表示されていないことに気付きました。私はすぐに拡張機能Chromojiがスプライトで私のグリフを置き換えていたCSSルールを注入していることがわかりました。ブラウザの拡張機能が自分のサイトのCSSを上書きしないようにすることはできますか？
スタイル注入を停止するために私のサイトに追加できるタグはありますか？または私のスタイルを先行させる方法？
簡単な解決法：グリフフォントは使用しないでください。代わりにSVGのアイコンを使用します:)のような...
<svg viewBox="0 0 16 16">
<use xlink:href="icons.svg#iconID" />
</svg>
icons.svgは、さまざまなアイコンを含むSVGファイル、あなたは<use>タグで参照できid属性を持つ各アイコンになり
何かを。
SVGはwidely supportedで、私は自分のプロジェクトに大きな影響を与えています。
代わりにスプライトを選択しました。これは、サイト内の他の場所で行っていたことにもっと慣れているためです。 –
もっと特定のセレクタ？コンテンツセキュリティポリシーはおそらく？一般的に、クライアントは何でも望みどおりに行うことができます。 –
私は絵文字を自分のスプライトに置き換えなければならないと思います。それ以来、絵文字として解釈されることはありません。 –
@ AlexanderO'Mara CSPは、特にブラウザの拡張機能をブロックしません。 –