差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
web:web_font [2022/09/09 04:10] – [Web フォント] ともやん | web:web_font [2023/09/23 10:51] – [オープンなライセンスの 白源/HackGen さんを Web フォントに変換する🤤] ともやん | ||
---|---|---|---|
行 4: | 行 4: | ||
===== Web フォントの形式 ===== | ===== Web フォントの形式 ===== | ||
^ 拡張子 | ^ 拡張子 | ||
- | | .woff2 | + | | .woff2 |
- | | .woff | [[https:// | + | | .woff | [[https:// |
- | | .ttf | [[https:// | + | | .ttf | [[wwjp>TrueType|TrueType]] |
- | | .eof | [[https:// | + | | .eof | [[wwjp>Embedded_OpenType|Embedded OpenType]] |
* EOT 形式と TTF 形式はデフォルトで圧縮されていない。\\ これらの形式を提供する場合は GZIP 圧縮を適用するように Web サーバーを設定する必要がある。 | * EOT 形式と TTF 形式はデフォルトで圧縮されていない。\\ これらの形式を提供する場合は GZIP 圧縮を適用するように Web サーバーを設定する必要がある。 | ||
* WOFF はビルトインの圧縮付きである。WOFF 圧縮ツールで最適な圧縮設定を使用していることを確認すること。 | * WOFF はビルトインの圧縮付きである。WOFF 圧縮ツールで最適な圧縮設定を使用していることを確認すること。 | ||
* WOFF2 では独自の前処理アルゴリズムと圧縮アルゴリズムが使用されており、WOFF 形式よりも約 30% ファイルサイズが削減されている。 | * WOFF2 では独自の前処理アルゴリズムと圧縮アルゴリズムが使用されており、WOFF 形式よりも約 30% ファイルサイズが削減されている。 | ||
+ | |||
+ | ===== TrueType(.ttf) から Web Open Font Format(.woff, | ||
+ | Linux では sfnt2woff (ttf => woff) と woff2_compress (ttf => woff2) コマンドが必要...🤔\\ | ||
+ | <WRAP color_term> | ||
+ | <WRAP color_command>< | ||
+ | <b class=GRN> | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | メタデータの期限切れの最終確認: | ||
+ | woff-0.20091126-26.fc37.x86_64 : Encoding and Decoding for Web Open Font Format(Woff) | ||
+ | Repo : fedora | ||
+ | 一致: | ||
+ | ファイル名 | ||
+ | |||
+ | woff2-tools-1.0.2-15.fc37.x86_64 : Web Open Font Format 2.0 tools | ||
+ | Repo : fedora | ||
+ | 一致: | ||
+ | ファイル名 | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | Fedora では woff と woff2-tools のパッケージをインストールする🤔\\ | ||
+ | <WRAP color_term> | ||
+ | <WRAP color_command>< | ||
+ | <b class=GRN> | ||
+ | </ | ||
+ | <WRAP color_result_long>< | ||
+ | メタデータの期限切れの最終確認: | ||
+ | 依存関係が解決しました。 | ||
+ | ============================================================================================================== | ||
+ | | ||
+ | ============================================================================================================== | ||
+ | インストール: | ||
+ | <b class=GRN> | ||
+ | <b class=GRN> | ||
+ | |||
+ | トランザクションの概要 | ||
+ | ============================================================================================================== | ||
+ | インストール | ||
+ | |||
+ | ダウンロードサイズの合計: | ||
+ | インストール後のサイズ: | ||
+ | これでよろしいですか? | ||
+ | パッケージのダウンロード: | ||
+ | (1/2): woff-0.20091126-35.fc37.x86_64.rpm | ||
+ | (2/2): woff2-tools-1.0.2-15.fc37.x86_64.rpm | ||
+ | -------------------------------------------------------------------------------------------------------------- | ||
+ | 合計 | ||
+ | トランザクションの確認を実行中 | ||
+ | トランザクションの確認に成功しました。 | ||
+ | トランザクションのテストを実行中 | ||
+ | トランザクションのテストに成功しました。 | ||
+ | トランザクションを実行中 | ||
+ | 準備 | ||
+ | インストール中 | ||
+ | インストール中 | ||
+ | scriptletの実行中: | ||
+ | 検証 | ||
+ | 検証 | ||
+ | |||
+ | インストール済み: | ||
+ | woff-0.20091126-35.fc37.x86_64 | ||
+ | |||
+ | 完了しました! | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== オープンなライセンスの 白源/ | ||
+ | [[git> | ||
+ | [[git> | ||
+ | [[wwjp> | ||
+ | <WRAP color_term> | ||
+ | <WRAP color_command>< | ||
+ | <span style=" | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | % Total % Received % Xferd Average Speed | ||
+ | | ||
+ | 0 | ||
+ | 100 23.0M 100 23.0M 0 | ||
+ | </ | ||
+ | |||
+ | <WRAP color_command>< | ||
+ | <span style=" | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | % Total % Received % Xferd Average Speed | ||
+ | | ||
+ | 0 | ||
+ | 100 38.5M 100 38.5M 0 | ||
+ | </ | ||
+ | |||
+ | <WRAP color_command>< | ||
+ | <span style=" | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | Archive: | ||
+ | | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | inflating: HackGen_v2.9.0/ | ||
+ | </ | ||
+ | <WRAP color_command>< | ||
+ | <span style=" | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | Archive: | ||
+ | | ||
+ | inflating: HackGen_NF_v2.9.0/ | ||
+ | inflating: HackGen_NF_v2.9.0/ | ||
+ | inflating: HackGen_NF_v2.9.0/ | ||
+ | inflating: HackGen_NF_v2.9.0/ | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== TrueType(.ttf) から Web Open Font Format(.woff と .woff2) へ変換🤤 ==== | ||
+ | <WRAP color_term> | ||
+ | <WRAP color_command>< | ||
+ | <b class=GRN> | ||
+ | <b class=GRN> | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | Processing HackGen-Bold.ttf => HackGen-Bold.woff2 | ||
+ | Compressed 9099366 to 3604462. | ||
+ | Processing HackGen-Regular.ttf => HackGen-Regular.woff2 | ||
+ | Compressed 8646957 to 3431130. | ||
+ | Processing HackGen35-Bold.ttf => HackGen35-Bold.woff2 | ||
+ | Compressed 9099743 to 3604929. | ||
+ | Processing HackGen35-Regular.ttf => HackGen35-Regular.woff2 | ||
+ | Compressed 8647249 to 3430780. | ||
+ | Processing HackGen35Console-Bold.ttf => HackGen35Console-Bold.woff2 | ||
+ | Compressed 9119537 to 3613329. | ||
+ | Processing HackGen35Console-Regular.ttf => HackGen35Console-Regular.woff2 | ||
+ | Compressed 8671988 to 3441638. | ||
+ | Processing HackGenConsole-Bold.ttf => HackGenConsole-Bold.woff2 | ||
+ | Compressed 9119552 to 3613732. | ||
+ | Processing HackGenConsole-Regular.ttf => HackGenConsole-Regular.woff2 | ||
+ | Compressed 8669945 to 3444466. | ||
+ | </ | ||
+ | |||
+ | <WRAP color_command>< | ||
+ | <b class=GRN> | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | 合計 153772 | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11239764 12月 17 15:38 HackGen-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 10695124 12月 17 15:38 HackGen-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11239408 12月 17 15:38 HackGen35-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 10694628 12月 17 15:38 HackGen35-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11250760 12月 17 15:38 HackGen35Console-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 10711388 12月 17 15:38 HackGen35Console-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11251872 12月 17 15:38 HackGenConsole-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 10710336 12月 17 15:38 HackGenConsole-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | </ | ||
+ | |||
+ | <WRAP color_command>< | ||
+ | <b class=GRN> | ||
+ | <b class=GRN> | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | Processing HackGen35ConsoleNF-Bold.ttf => HackGen35ConsoleNF-Bold.woff2 | ||
+ | Compressed 9798935 to 4025600. | ||
+ | Processing HackGen35ConsoleNF-Regular.ttf => HackGen35ConsoleNF-Regular.woff2 | ||
+ | Compressed 9351424 to 3847337. | ||
+ | Processing HackGen35ConsoleNFJ-Bold.ttf => HackGen35ConsoleNFJ-Bold.woff2 | ||
+ | Compressed 9824153 to 4020467. | ||
+ | Processing HackGen35ConsoleNFJ-Regular.ttf => HackGen35ConsoleNFJ-Regular.woff2 | ||
+ | Compressed 9376580 to 3848276. | ||
+ | Processing HackGenConsoleNF-Bold.ttf => HackGenConsoleNF-Bold.woff2 | ||
+ | Compressed 9798945 to 4028240. | ||
+ | Processing HackGenConsoleNF-Regular.ttf => HackGenConsoleNF-Regular.woff2 | ||
+ | Compressed 9349376 to 3849100. | ||
+ | Processing HackGenConsoleNFJ-Bold.ttf => HackGenConsoleNFJ-Bold.woff2 | ||
+ | Compressed 9824163 to 4022727. | ||
+ | Processing HackGenConsoleNFJ-Regular.ttf => HackGenConsoleNFJ-Regular.woff2 | ||
+ | Compressed 9374532 to 3849248. | ||
+ | </ | ||
+ | |||
+ | <WRAP color_command>< | ||
+ | <b class=GRN> | ||
+ | </ | ||
+ | <WRAP color_result>< | ||
+ | 合計 167896 | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 12117088 12月 17 15:38 HackGen35ConsoleNF-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11577752 12月 17 15:38 HackGen35ConsoleNF-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 12142304 12月 17 15:38 HackGen35ConsoleNFJ-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11602908 12月 17 15:38 HackGen35ConsoleNFJ-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 12118276 12月 17 15:38 HackGenConsoleNF-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11576772 12月 17 15:38 HackGenConsoleNF-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 12143492 12月 17 15:38 HackGenConsoleNFJ-Bold.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan 11601928 12月 17 15:38 HackGenConsoleNFJ-Regular.ttf | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | -rw-r--r-- 1 tomoyan tomoyan | ||
+ | </ | ||
+ | </ | ||
===== WOFFConverter (Windows) ===== | ===== WOFFConverter (Windows) ===== | ||
行 19: | 行 249: | ||
===== 参考文献 ===== | ===== 参考文献 ===== | ||
+ | [[https:// | ||
[[https:// | [[https:// | ||
[[https:// | [[https:// | ||
[[https:// | [[https:// | ||
[[https:// | [[https:// | ||
+ | [[https:// | ||
+ | [[https:// | ||
+ | |||
+ | ==== 付録 ==== | ||
+ | [[tw> | ||