1. ホーム
  2. css

[解決済み] CSS @font-face - "src: local('☺')" ってどういう意味?

2022-07-04 23:44:31

質問

私は @font-face を初めて使うので、fontsquirrel からフォントキットをダウンロードしました。

彼らが私のCSSに挿入することを推奨しているコードは、次のとおりです。

@font-face {
    font-family: 'junctionregularRegular';
    src: url('Junction-webfont.eot');
    src: local('☺'), 
        url('Junction-webfont.woff') format('woff'), 
        url('Junction-webfont.ttf') format('truetype'), 
        url('Junction-webfont.svg#webfontoNEpZXy2') format('svg');
}

さて、スマイリー・フェイスの件は私を困惑させています。 しかし、src の中の URL の数もそうです。なぜこれほど多くのファイルを推奨しているのでしょうか、また、ページがレンダリングされるときに、それらがすべてブラウザに送信されるのでしょうか。 .ttf 以外をすべて削除すると何か問題があるのでしょうか?

どのように解決するのですか?

font-squirrel の font-face ジェネレータのメモを読むと、それが paul irish によるやらせであることがわかります。

以下は、彼の ブログ投稿 :


そして...に関して @font-face 構文

私は今、オリジナルの防弾構文よりも防弾スマイリーのバリエーションを推奨しています。

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
       url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}

弾丸ポストから

はい、スマイリーフェイスです。OpenType の仕様では、2 バイトの Unicode 文字は Mac のフォント名ではまったく機能しないので、誰かが実際にそのような名前のフォントをリリースする可能性は低くなります。

ブロック クォート

スマイリーがより良い解決策である理由はいくつかあります。

  • Webkit+ フォント管理ソフトウェアでは ローカル参照を混乱させることがあります。 グリフを A ブロックに変換するような

  • OS X では、フォント管理ソフトウェアがシステム設定を変更して がシステム設定を変更し ダイアログを表示します。 ローカル() フォントにアクセスしようとすると にアクセスしようとすると、ダイアログが表示されます。詳細は を私の弾き語り投稿に追加しました。 フォントエクスプローラXは は、Firefox の他の機能を混乱させることが知られています。 Firefox で他のものを台無しにすることでも知られています。

  • 可能性は低いですが のフォントを参照することができます。 とはまったく異なる を参照することができます。(Typophileの投稿で 異なるフォント、同じ名前) 少なくともリスクはある。 をコントロールすることになる。 ブラウザとホストマシーンに委ねることになります。この このリスクは、フォントのダウンロードを避けるという利点に見合わないかもしれません。 このリスクは、フォントのダウンロードを避けるという利点に見合うものではないかもしれません。

これらはすべてかなりエッジケースの問題ですが、検討する価値はあります。