「この記事は「フロントエンド Dashie Brother」の最初の公式アカウントです。注目してください、多くの利点があります~フロントエンドの日々の開発プロセスで、このような問題点によく遭遇しますか? 新しいフォントが使用されていますインタラクティブ デザインでは、新しいフォント ファイルは多くの場合、数 M または数十 MB になるため、フロントエンド パッケージのボリュームの最適化には受け入れられません。この記事では、フォント ファイルからフォントを抽出する 2 つの方法、Fontmin と sfnttool.jar を紹介します。どちらのソリューションも、Web ページの読み込み速度に影響を与えることなく、フォント ファイルのサイズを削減するのに役立ちます。
」
ノード環境での Fontmin の使用
Fontmin はフォントの圧縮と抽出のための Node.js モジュールで、フォント ファイルから指定されたテキストを抽出するのに役立ちます。 Fontmin を使用してフォントを抽出する手順は次のとおりです。
-
Node.js 環境と Fontmin モジュールをインストールします。インストール方法がわからない場合は、プログラマーの兄弟または姉妹に尋ねることができます。 -
Fontmin インスタンスを作成し、抽出するテキストを設定します。ここでは、「キャンディーが大好きです!」などの興味深いテキストを設定できます。 -
Fontmin インスタンスの呼び出し src()メソッドでは、処理するフォント ファイルのパスを指定します。ここでは、「Comic Sans MS」などの興味深いフォント ファイルを使用できます。 -
Fontmin インスタンスの呼び出し use()メソッドに、フォント ファイルを処理するための Fontmin プラグインを追加します。ここで、「emoji」プラグインなどの興味深いプラグインを追加して、フォント ファイルをより興味深いものにすることができます。 -
Fontmin インスタンスの呼び出し run()メソッドは、フォント ファイルの処理操作を実行します。 -
加工されたフォントファイルを取得したら、プロジェクトに導入して使用できます。
サンプルコード:
const Fontmin = require('fontmin');
const fs = require('fs');
// 创建 Fontmin 实例
const fontmin = new Fontmin()
// 设置要提取的文字
.use(Fontmin.glyph({
text: '我爱吃糖果！'
}))
// 指定要处理的字体文件路径
.src('path/to/ComicSansMS.ttf')
// 添加 Fontmin 插件，用于处理字体文件
.use(Fontmin.emoji())
// 执行字体文件处理操作
.run(function (err, files) {
if (err) {
throw err;
}
// 获取处理后的字体文件，并将其保存到本地磁盘上
fs.writeFileSync('path/to/new-font.ttf', files[0].contents);
});
上記のサンプル コードでは、Fontmin を使用してフォント ファイルから「キャンディーを食べるのが大好きです!」という単語を抽出しました。処理したいフォント ファイルへのパスを指定し、フォント ファイルを処理するための興味深い Fontmin プラグインをいくつか追加しました。最後に、Fontmin インスタンスの run() メソッドを呼び出して、フォント ファイルの処理操作を実行し、処理されたフォント ファイルを取得しました。
Java環境でのsfnttool.jarの使用
sfnttool.jar は、フォント ファイルから指定されたテキストを抽出するのに役立つ Java オープン ソースのフォント抽出ライブラリです。 sfnttool.jar を使用してフォントを抽出する手順は次のとおりです。
-
sfnttool.jar ファイルをダウンロードします。 -
コマンド ライン ウィンドウを開き、sfnttool.jar ファイルが存在するディレクトリを入力します。ここでは、「cmatrix」ツールなどのいくつかの興味深いコマンド ライン ツールを使用して、フォント ファイルをより興味深いものにすることができます。 -
次のコマンドを実行して、指定されたテキストを抽出します。
java -jar sfnttool.jar -s '我爱吃糖果！' path/to/font.ttf path/to/new-font.ttf
このコマンドを実行すると、指定したテキストのみを含む新しいフォント ファイルが指定した新しいパスに生成されます。
jar パッケージを実行するには、端末に Java 環境をインストールする必要があることに注意してください。これは非常に簡単で、Google で検索するだけです。
要約する
この記事では、フォント ファイルからフォントを抽出する 2 つの方法、Fontmin と sfnttool.jar を紹介します。どちらの解決策も非常に簡単で、フォント ファイルを準備して手順に従うだけです。最後に、お役に立てましたらフォローお願いします〜
この記事は mdnice 複数のプラットフォームによって公開されています。