Muni Bus

パソコンの操作方法や設定方法を忘れないようにメモしています。ブログを一回引っ越ししているので、所々表示がかなり乱れています・・・

【HTML】文字を表示するフォントに「UDデジタル教科書体」を指定する

HTML

例えば「UD Digi Kyokasho N-R」と指定すればよい。以下は上から順に、

  1. 日本語も英数字も等幅
  2. 日本語も英数字も太字等幅
  3. 日本語は等幅で英数字はプロポーショナル
  4. 日本語は太字等幅で英数字は太字プロポーショナル
  5. 日本語も英数字もプロポーショナル
  6. 日本語も英数字も太字プロポーショナル

で指定した例。記事のためにdiv要素で指定しているが、フォントの指定はCSSの別ファイルで指定すべきであり、下記のような書き方は推奨しない。

<div style="font-family:'UD Digi Kyokasho N-R'">カナメ・バッカニア（Kaname Buccaneer）役の安野希世乃さんかわいい</div>
<div style="font-family:'UD Digi Kyokasho N-B'">カナメ・バッカニア（Kaname Buccaneer）役の安野希世乃さんかわいい</div>
<div style="font-family:'UD Digi Kyokasho NP-R'">カナメ・バッカニア（Kaname Buccaneer）役の安野希世乃さんかわいい</div>
<div style="font-family:'UD Digi Kyokasho NP-B'">カナメ・バッカニア（Kaname Buccaneer）役の安野希世乃さんかわいい</div>
<div style="font-family:'UD Digi Kyokasho NK-R'">カナメ・バッカニア（Kaname Buccaneer）役の安野希世乃さんかわいい</div>
<div style="font-family:'UD Digi Kyokasho NK-B'">カナメ・バッカニア（Kaname Buccaneer）役の安野希世乃さんかわいい</div>