@font-face 機能を使用する必要があり、フォントは OTF/TTF 形式であり、Microsoft ブラウザーは EOT 形式のみをサポートしています。マイクロソフトのツール WEFT を使ってみたのですが、うまくいかなかったり、仕組みがわかりませんでした。フォントを EOT 形式に変換する他の方法はありますか?
6 に答える
Font Squirrel Generatorを使用します。これにより、EOT だけでなく、SVG および WOFF 形式も生成され、複数のフォント ファイルが一度に変換され、関連する CSS と共に単一のアーカイブですべてが提供されます。
1 つのステップで otf から ttf および eot バージョンをビルドする簡単な方法を次に示します。もちろん、すべてが必要ない場合は、関連する部分を引き出すことができます。otf から eot を取得するには、otf->ttf->eot に移動する必要があることに注意してください。
fontforge と ttf2eot の両方をインストールします。それらは MacPorts で利用できますが、他のプラットフォームについてはわかりません。
これを otf2ttf2eot.sh という名前のスクリプト ファイルとして保存します。
(このスクリプトは新しい FontForge バージョン用に更新されています。元のスクリプトは投稿の最後にあります):
#!/bin/sh
otfFont="$1.otf"
ttfFont="$1.ttf"
eotFont="$1.eot"
fontforge -c '
import fontforge
font = fontforge.open("'$otfFont'")
font.generate("'$ttfFont'")
'
ttf2eot "$ttfFont" >"$eotFont"
FontName.otf という名前のフォントがあると仮定して、次を実行します。
sh otf2ttf2eot.sh フォント名
古いバージョンの FontForge 用の元のスクリプト:
#!/bin/sh
# Convert an OTF font into TTF an EOT formats.
otfFont="$1.otf"
ttfFont="$1.ttf"
eotFont="$1.eot"
fontforge -c '
Open("'$otfFont'");
Generate("'$ttfFont'");
Quit(0);'
ttf2eot $ttfFont > $eotFont
http://www.font2web.com/を使用します。これにより、EOT だけでなく、SVG および WOFF 形式も生成され、複数のフォント ファイルが一度に変換され、関連する CSS と共に単一のアーカイブですべてが提供されます。
また、チェックする価値があるのは、すべてのフォントのフォント フェイス コンバーターです。これには woff2 と EOT もサポートされています。
https://everythingfonts.com/font-face
あなたがeot変換をしたいだけなら、彼らもそれを持っています。