fontsquirrel download

Fontsquirrel::ダウンロード

rake タスクを使用して、fontsquirrel からフォントキットを簡単にダウンロードして抽出します。

インストール

次の行をアプリケーションの Gemfile に追加します。

 gem 'fontsquirrel-download', group: "development"

そして、以下を実行します。

 $ bundle

application.css/application.css.scss に以下を追加します。

//= require fonts

ダウンロードすると、必要な変更がapp/assets/stylesheets/_fonts.scssに追加されるためです。

使用法

Rake タスクを使用し、font-squirrel からの URL に書かれているフォント名を指定します。たとえば、よく知られている LaTeX フォントです。

rake font:download NAME=TeX-Gyre-Bonum

これにより、フォントがapp/assets/fontsにダウンロードされ、スタイル ルールがapp/assets/stylesheets/_fonts.scssに追加されます。

その後、そのスタイル定義を CSS ルールで次のように使用できます。

 body {
  font-family : "TeXGyreBonumRegular" , serif;
}

名前は常に少し異なります。_fonts.scss で調べてください。

ウェブフォントキット

また、Fontsquirrel の優れた Web フォント ジェネレーターを使用してフォント キットを作成し、その zip ファイルを抽出して適用し、正しいフォントの太さとスタイルを持つ意味のある scss ファイルをマージすることもできます。

 rake font:install FILE=/tmp/webfontkit-123.zip

制限事項

• 判明するまでは、フォントの通常のサブセットがダウンロードされます。フォントによっては、特殊文字 (ドイツ語のウムラウトなど) がまったく含まれていないものもあれば、サブセットに特殊文字が含まれているものもあります。サブセットを指定すると便利かもしれません。