Google Font API のように、typekit フォントを動的にロードする方法はありますか?
つまり、フォントをキットに追加してキット全体をロードする代わりに、css リンクでフォント名を各ページで動的に宣言し、そのページに必要なフォントだけをロードするにはどうすればよいでしょうか。
Google Font API のように、typekit フォントを動的にロードする方法はありますか?
つまり、フォントをキットに追加してキット全体をロードする代わりに、css リンクでフォント名を各ページで動的に宣言し、そのページに必要なフォントだけをロードするにはどうすればよいでしょうか。
私は解決策を見つけました。他の誰かに役立つ場合に備えて、ここに投稿します。
Typekit APIを使用して、アプリが必要とするさまざまな組み合わせごとに、すべてを1つの大きな「キット」に含めるのではなく、新しい「キット」(つまり、JavaScriptファイル)を動的に作成します。
参照:https ://typekit.com/docs/api/kits
とにかくあなたの答えをありがとう!
ページに応じて、必要なフォントファミリルールを使用して異なるcssファイルを生成するサーバー側スクリプトを作成できます。次に、 @ importを使用して、このルールをメインのcssファイルに取り込む
ことができます。
TypeKit は最近、ユーザーが探しているものと同様の機能を実行するのに役立つ方法を導入しましたが、API を使用せずに非常に簡単な方法で実行できます。彼らはそれを動的サブセットと呼んでいます。
これを書いている時点では、東アジア フォントでのみ使用できますが、他の TypeKit フォントで使用するための回避策があります。回避策は、このサイトから入手できます。
Source Han Sans Japanese などの東アジア フォントを追加します。これにより、キットが動的キットに自動的に変換されます。
Character Set
各フォントを選択し、オプションの下で各フォントを選択しますDynamic Subsetting
。
東アジア フォントを削除します。
キットを公開します。
東アジア フォントを削除しても、キットはダイナミック キットのままです。