Helvetica フォントをインストールしたところ、一部のサイトのテキストが違って見えるようになりました

Helvetica フォントをインストールしたところ、一部のサイトのテキストが違って見えるようになりました

Photoshop で作業するために Helvetica フォントをインストールしました。Google Chrome で Web サイトにアクセスすると、テキストがすべて違って見えます。

私の例では、プロのウェブマスターそして次のものを見ました:

プロのウェブマスターを今どう見ているか

次のように表示されます。

プロのウェブマスターの期待される姿

これは、Web サイトの CSS で設定されているフォントである Helvetica をインストールしたのに対し、Super User などの別のサイトでは Arial がインストールされていることが原因であると考えられます。

唯一の解決策はフォントをアンインストールすることでしょうか? それとも、Web サイトで使用されているフォントを上書きできますか?

答え1

font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;Helvetica をインストールすると、たとえば Pro Webmasters ページのように、 を使用するページの表示方法が変わります。Helvetica がインストールされていない場合は、代わりに Arial が使用されていました。

ブラウザのアドオンを使用して、ページ スタイルを部分的に上書きすることができます。Chrome では、Stylebot が有望です。使い方は簡単そうで、CSS の知識も必要ありません。難しいのは、フォントを上書きするためにスタイル設定する必要がある要素を選択することです。

答え2

TaperMonkey を Google Chrome にインストールし、「Kill​​ Helvetica」スクリプトを追加しました。これは一時的な解決策ですが、今のところは修正されており、醜く縮れたフォントを見る必要はなくなりました。

幸運を!

関連情報