web-dev-qa-db-ja.com

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

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

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

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

enter image description here

一部の文字が他の文字よりも高く表示されますか?

フォントは次のとおりです。通常の14px/1.4 "Helvetica Neue"、 "HelveticaNeue"、Helvetica、Arial、sans-serif。

13
James

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

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

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

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 extension Change Font Family Style )を使用して、Helveticaの代わりにArialを強制的に使用することもできます。

[〜#〜]編集[〜#〜]

ユーザースタイルシート(Custom.css)のサポートがChromeから削除されました2013年11月 以降、通常のソリューションが機能しなくなった理由を説明しています。

私がそれらを見るようにあなたの残りのオプションは:

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

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

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

だから私は今日この問題を抱えていて、定足数に関する同様の質問への答えに出くわしました。これは私のためにそれをより速く修正しました:

  1. 拡張機能をインストール Force Custom Fonts
  2. Chrome:// extensionsの拡張設定に移動します
  3. [代替フォント]メニューの横にある+アイコンをクリックして、代替フォントを追加します。
  4. 最初のボックスのドロップダウンを使用してHelvetica Neueを選択し、次にArialを選択しますその隣の2番目のドロップダウン。
  5. 設定を保存し、問題があったページを更新して、利益を上げてください!
1
Feyisayo Sonubi