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>

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

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

2017-10-20_19h46_12.png

2017-10-20_19h46_29.png

admin
2017/10/20 17:51 | コメント (0)
◎この記事へのコメントは 0 件です。コメント欄を表示しますか?
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

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