8

私のサイトhttp://helvetitee.comには、次のフォント スタックがあります。

font-family: "helvetica neue", helvetica, nimbus-sans;

Nimbus Sans (Web フォント) は TypeKit から取り込まれています。

Windows マシンでは、ブラウザーに関係なく、ユーザーは Arial として表示されます。Helvetica は、Nimbus (Helvetica のクローンであり、Arial よりも好ましい) にフォールバックするのではなく、Windows によって Arial としてレンダリングされるようです。

OS スニッフィング以外に、これを防ぐ方法はありますか? それは既知の問題ですか？Windows が Helvetica の代わりに Arial を表示しても問題ないと想定するのは、自由のようです。

4

5 に答える 5

9

Windows は Helvetica を Arial に置き換えます。(具体的には Helvetica です。Helvetica Neue ではありません。) これを確認する簡単な方法は、 を宣言することfont-family: Helvetica, Courierです。Windows プラットフォームのブラウザは、Courier ではなく、Arial を使用します (そうあるべきです)。

これは、Windows レジストリを編集することで変更できますが、Web 作成者としては何もできません (ブラウザ スニッフィングによる OS スニッフィングを試みる以外は)。これは古い問題です (少なくとも Windows 3 までさかのぼると思います) が、あまり広く知られていません。

于 2012-09-17T16:29:16.960 に答える
2

はい、デフォルト構成の Windows レジストリは、Helvetica を Arial に置き換えます。この置換は、Opera を除くすべての主要なブラウザーのフォント スタック フォールバックよりも優先されます。そのため、フォント スタックで Helvetica の前に

  1. Web フォント、または
  2. Windows システムに確実に存在する代替フォント。私のHelvetica ライクなフォント スタックでは、Google の「Arimo」Web フォントをお勧めします。標準の Windows フォントの中で、Microsoft Sans Serif は Helvetica の直立タイプの代替として適していますが、斜体タイプには耐えられません。
于 2012-11-09T11:41:47.930 に答える
2

Windows にはこれらのフォントはありませんが、デフォルトで arial の sans-serif フォントを使用できるほどスマートです。

ウェブセーフな代替手段は次のようなものですfont-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

Web フォントの使用に関しては、fonts.com には埋め込み可能な Helvetica Neue 45 Lightがあります。

于 2012-09-17T14:34:37.073 に答える
0

私の知る限り、Windows には Helvetica (またはそのファミリのメンバー) が同梱されていません。また、インストールされたフォントでない場合、Web サイトでは機能しません。

Arial は Helvetica のあからさまな裂け目と見なされているため (Monotype Grotesque に基づいていましたが、Helvetica の代替と見なされています)、Microsoft は Haas Typefoundry (Helvetica ファミリーの作成者およびライセンサー) に多額のライセンス料を支払う必要はありません。

私の提案は、実際にフォントを埋め込むことができる Web フォントを試すことです。Font Squirrelは、開始するのに適した場所です。(ライセンスなしで Helvetica Neue を埋め込むことは技術的に違反であることを覚えておいてください..)

于 2012-09-17T14:36:13.703 に答える
0

ブラウザーとデバイス全体で最高のフォント スタックだと思います

body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
}

また、

body {
  font-family: sans-serif
}

font-stacks の前に、ブラウザのデフォルトを上書きします。

于 2012-09-17T14:42:25.700 に答える