Windows 10「UDデジタル教科書体」をcssで指定する

「Windows 10 Fall Creators Update」で (株)モリサワ の「UDデジタル教科書体」が採用された。

以下に、実際にどのように表示されるか?試してみた。なお、所謂HTMLの「font-family」で指定している関係で、「Windows 10 Fall Creators Update」が導入済みの環境でないと閲覧できないので注意されたし。 (スクリーンショットを一番下に追加)

「UDデジタル教科書体 R」(レギュラー)

UD デジタル 教科書体 N-R
等幅(英数半角)


インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。

UD デジタル 教科書体 NP-R
P付き(英数プロポーショナル)


インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。

UD デジタル 教科書体 NK-R
K付き(英数かなプロポーショナル)


インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。

「UDデジタル教科書体 B」(ボールド)

UD デジタル 教科書体 N-B
等幅(英数半角)


インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。

UD デジタル 教科書体 NP-B
P付き(英数プロポーショナル)


インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。

UD デジタル 教科書体 NK-B
K付き(英数かなプロポーショナル)


インターネット, パソコン, スマホ, Windows, Linux, Android, 各種アプリ, ブラウザ, ブラウザ拡張機能, 携帯電話, 社会情勢, 韓ドラ, K-POP 関連の話題を取り上げます。ジャンルとしては幅広く、特定のカテゴリに特化したブログではありません。お時間がありましたら、どうぞお立ち寄りくださいませ。

※「UD デジタル 教科書体 N-R」 ← この部分が、フォント名 (cssで指定) となる。

例:
<p style='font-family:"UD デジタル 教科書体 N-R";'>
クッキリ文字の UD デジタル 教科書体 です。
</p>

ユーザーの好みの問題ではあるが、なかなかクッキリしたフォントなので、利用する価値は大きいと思われる。

↓ スクリーンショット追加 ↓


最終更新日:
コメントは受け付けておりません。