複数の .otf フォント ファイルを 1 つの CSS ファイルにバッチ エンコードしたいと考えています。私の理解では、base64 埋め込み .otf フォントはほとんどのブラウザーで読み取ることができます。Font-Squirrel の @font-face ジェネレーターは .otf ファイルの直接の base64 エンコードをサポートしていないため、フォントを自分でエンコードする必要があります。
私は見つけたこの方法OS X ターミナルで openssl を使用してファイルを 1 つずつ base64 エンコードする方法ですが、その場合、ファイルは個別のファイルにのみ出力されます。それらを 1 つの CSS ファイルに直接バッチエンコードする方法はありますか?
答え1
チェックアウトhttp://www.spritebaker.com。
*現在、SpriteBaker は @font-face 宣言内の各 'src' 属性で指定された最初の Web フォント ファイルのみをエンコードします。これは問題にならないはずです。Web フォント ファイルを CSS にバッチ エンコードする場合は、CSS ファイルごとに 1 つの Web フォント ファイルのみをエンコードする必要があります。次に、対象の CSS ファイルを各ブラウザーに配信する必要があります。