Helvetica Neueが正しくレンダリングされないのはなぜですか?


13

先日、Helveticaの新しいバリエーションをいくつかインストールしましたが、それ以降、Helvetica Neueは(ChromeまたはFirefoxで)本来の方法でレンダリングしていません。

Helveticaフォントをすべて削除して、再度インストールしてみましたが、まだ正しくレンダリングされていません。

これは次のようになります。

ここに画像の説明を入力してください

一部の文字は他の文字より背が高いように見えますか?

フォントは次のようになります。normal 14px / 1.4 "Helvetica Neue"、 "HelveticaNeue"、Helvetica、Arial、sans-serif;


1
オペレーティングシステムは何ですか?
and31415 14

@ and31415これは、WindowsおよびMacでの一般的な問題です。
オマー14

回答:


11

MacユーザーはHelvetica Neueをインストールする必要がないため、Windowsで実行していると思います。

このフォントは通常Windowsには存在せず、Arialに置き換えられます。Helveticaのフレーバーをインストールすることは、CSSスタイルシートでかなり一般的に使用されるため、ややトリッキーです。Arialが優れている場合でも、ブラウザーで拾い上げることができます。

Helvetica Neueフォントにはいくつかの実装/フレーバーがあります。一部のフォントは大きなフォントサイズで優れていますが、通常のサイズでは不十分な結果になります。これは良い結果をもたらすと聞きましたが個人的には使用していません。

Chromeでは、WebサイトのCSSを上書きする独自のカスタムCSS変更を提供できます。カスタムCSSファイルを見つけるには、Chromeを閉じてフォルダーに移動します:

%AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

Custom.cssお好みのテキストエディターでファイルを開きます。

Helveticaの代わりにArialを使用するには、次の行を貼り付けます。

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'helvetica'; src: local('Arial'); }
@font-face { font-family: 'helvetica'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

Chrome拡張機能の[ フォントファミリースタイルの変更]を使用して 、Helveticaの代わりにArialを強制的に使用することもできます。

編集

ことが指摘されている ユーザースタイルシート(のcustom.css)サポートはChromeから削除されている ので、2013年11月の通常のソリューションは、それ以上動作しない理由を説明し、。

私が見るようにあなたの残りのオプションは次のとおりです。

  1. 拡張フォントファミリースタイルの変更を使用します。
  2. WindowsからHelveticaを完全に削除して、ChromeでArialを使用するようにします
  3. 別のブラウザに変更します。

Helveticaを完全に削除するには、次の手順を実行します。

  1. [スタート]> [コントロールパネル]> [フォント]に移動し、フォントを選択して、[ファイル]メニューの[削除](ソース)をクリックします。
  2. フォントキャッシュファイルC:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATを削除して再起動します。
  3. 必要な場合にのみ、レジストリで「helvetica」を検索して削除し(非常に慎重に)、再起動します。

ご意見ありがとうございます。バウンティの理由「現在の回答は古く、最近の変更を考慮すると修正が必要です」。私は実際にあなたが提供したソリューションを使用していましたが、Chromeの最新のアップデートの後、機能しなくなりました。
オマー14

1
Helveticaをアンインストールし、ChromeをデフォルトのArialに戻しましたか?拡張機能を試すこともできます。
ハリーマック14

デフォルトのフォントを復元しましたが、サイコロはありません。拡張機能を使用したくない。
オマー14

フォントを削除した場合でも、フォントがフォントキャッシュに残っている可能性があります。空にするには、ファイルC:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DATを削除して再起動します。
harrymc 14


1

それで今日私はこの問題を抱えて、クオラに関する同様の質問への答えにつまずいた。これは私のために速く修正しました:

  1. 拡張機能のカスタムフォントのインストール
  2. chrome:// extensionsの拡張機能設定に移動します
  3. [代替フォント]メニューの横にある[+]アイコンをクリックして、代替フォントを追加します。
  4. 最初のボックスのドロップダウンを使用してHelvetica Neueを選択し、その隣の2番目のドロップダウンでArialを選択します。
  5. 設定を保存し、問題のあるページを更新してください!
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.