7

この記事: Web フォントはいつ読み込まれ、事前に読み込むことができますか? 、ローカルを使用して、既に読み込まれているフォントを利用するように指示します。ウェブフォントをプリロードする他の方法が見つかりません。

ただし、ローカル参照に使用する名前がわかりません。MacOSX では、複数のバリアントが同じフォント名として表示されます。たとえば、local("Helvetica Neue Light") と思われるものは、"Helvetica Neue" としてフォント ブックで利用できます。さまざまなバリアントを参照するにはどうすればよいですか?

@font-face {
  font-family: 'ProximaNova';
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/proximanova/ProximaNova-Reg-webfont.eot');
  src:  local("Proxima Nova Regular"), url('/fonts/proximanova/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/proximanova/ProximaNova-Reg-webfont.woff') format('woff'),
       url('/fonts/proximanova/ProximaNova-Reg-webfont.ttf') format('truetype'),
       url('/fonts/proximanova/ProximaNova-Reg-webfont.svg#webfont') format('svg');
}

@font-face {
  font-family: 'ProximaNova';
  font-weight: $light_weight;
  font-style: normal;
  src: url('/fonts/proximanova/ProximaNova-Light-webfont.eot');
  src: url('/fonts/proximanova/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/proximanova/ProximaNova-Light-webfont.woff') format('woff'),
       url('/fonts/proximanova/ProximaNova-Light-webfont.ttf') format('truetype'),
       url('/fonts/proximanova/ProximaNova-Light-webfont.svg#webfont') format('svg');
}

すべてのバリエーションで、引き続き chrome の woff ファイルが要求されます。さらに、Web フォントに関する最近または現在のベスト プラクティスやパフォーマンスを最適化する方法が見つかりません。これらの要求を防ぐにはどうすればよいですか?

4

2 に答える 2

1

Web フォントは通常のルールの下でキャッシュの対象となるため、ユーザーが Web フォントを参照するページに最近アクセスした場合、別のページにアクセスしたときにブラウザーにキャッシュされたコピーが使用され、Web フォントに同じ URL が使用される場合があります。 .

の使用は、local(...)別の何か、つまりフォントがインストールされたフォントとしてシステムに存在する可能性に関連しています。これは、システム設定とユーザー アクションによって異なります。作成者として、ユーザーのシステムにフォントをインストールさせることはできません。

技術的には local(...)、 では特定の書体 (フォント ファミリではなく) の名前を使用する必要があり、その名前は PostScript 名または書体の完全な名前のいずれかにする必要があります。これらの名前は、値 6 と 4 に対応するフォントの名前テーブルでnameID見つけることができます。そのような名前を見つけるには、たとえばDTL OTMaster Lightプログラムを使用できます。

ただし、これはフォントがインストールされているシステムにのみ影響します。つまり、ユーザーがフォントを購入してインストールしたシステム用です。

于 2013-08-08T19:25:22.350 に答える