注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

可変フォントに対応したフォントを探せる・「variable fonts」


variable fonts


variable fontsは可変フォントに対応したフォントを探せるWebサイトです

まだ多いとは言えないvariable fontsに対応した有料/無料のフォントが集められています

OSSのフォントもあるので勉強用に良いかなぁと思って備忘録。ブラウザの対応状況もかなり良くなってきました

おさらい

可変フォントのおさらい。可変フォントは以下のようなCSSが利用できます

font-variation-settings: "wght" 100, "opsz" 6, "slnt" -9.5;
font-variation-settings: "wght" 117.64, "wdth" 4.26, "ital" 3.62;

以下動作サンプルです

可変フォントを利用する事で今まで以上に様々な表現が可能になりますね

日本語で可変フォントに対応しているフォントはあまり多くありません

僕自身、Axis-PraxisでJingXiHei-VF-JPが対応しているのを見かけた程度です(販売ページにはすでに無いようです)。対応するのはかなり大変そうですが、今後増えてくれると有難いですね。

variable fonts

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG