Google FontsはWOFF2のフォントのみを提供しているようです。
これはChromeでは正常に機能しますが、 WOFF2は他の多くのブラウザーではサポートされていないようです
WOFF2以外の形式でCDNでホストされているGoogleフォントに直接リンクする方法はありますか?
残念ながら、Googleはフォントを直接ダウンロードする簡単な方法を提供していません。生の git repository を参照して、必要なファイルを検索できます。
ただし、CSSでGitHubがホストするフォントにリンクしないでください! GitHubは、誤ったMIMEタイプのファイルを提供します。これにより、一部のブラウザーで問題が発生します。
すべての形式に主流のCDNはありませんが、 http://google-webfonts-helper.herokuapp.com を使用してフォントファイルをダウンロードし、自分でホストできます。
Chromeで次のURLを開くと、woff2
フォーマット。 Firefoxを使用するときは、woff
形式であり、Android 4.4より前で実行されているデバイスでは、ttf
形式です。
http://fonts.googleapis.com/css?family=Open+Sans
そのため、Googleはリクエストしているユーザーエージェントに適した形式でフォントを配信しているようです。
別のオプションは、次を使用することです( node ) gulp パッケージ: gulp-google-webfonts 。
一度インストールすると、フォントをインストールして対応するcssを作成するのに少し時間がかかります。
名前に空白を含むGoogle Fontをインストールする場合(エスケープしない)、次のようにプラス記号で参照することに注意してください。
fonts.list
Cabin+Sketch:400
everythingfonts.com を使用して、ttf
ファイルをwoff
ファイルに変換できます。