web-dev-qa-db-ja.com

Google FontsからWOFFファイルをダウンロードするにはどうすればよいですか?

Google FontsはWOFF2のフォントのみを提供しているようです。

これはChromeでは正常に機能しますが、 WOFF2は他の多くのブラウザーではサポートされていないようです

WOFF2以外の形式でCDNでホストされているGoogleフォントに直接リンクする方法はありますか?

43
cantsay

残念ながら、Googleはフォントを直接ダウンロードする簡単な方法を提供していません。生の git repository を参照して、必要なファイルを検索できます。

ただし、CSSでGitHubがホストするフォントにリンクしないでください! GitHubは、誤ったMIMEタイプのファイルを提供します。これにより、一部のブラウザーで問題が発生します。

すべての形式に主流のCDNはありませんが、 http://google-webfonts-helper.herokuapp.com を使用してフォントファイルをダウンロードし、自分でホストできます。

84
udondan

Chromeで次のURLを開くと、woff2 フォーマット。 Firefoxを使用するときは、woff形式であり、Android 4.4より前で実行されているデバイスでは、ttf形式です。

http://fonts.googleapis.com/css?family=Open+Sans

そのため、Googleはリクエストしているユーザーエージェントに適した形式でフォントを配信しているようです。

16
Dheeraj V.S.

別のオプションは、次を使用することです( nodegulp パッケージ: gulp-google-webfonts

一度インストールすると、フォントをインストールして対応するcssを作成するのに少し時間がかかります。

名前に空白を含むGoogle Fontをインストールする場合(エスケープしない)、次のようにプラス記号で参照することに注意してください。

fonts.list

Cabin+Sketch:400
7
MikeiLL

everythingfonts.com を使用して、ttfファイルをwoffファイルに変換できます。

1
isapir