さくらのレンタルサーバで使えるモリサワのWebフォントが3種類追加

以前、さくらのレンタルサーバで、モリサワの日本語Webフォントが無料で使える!という記事を書きました。

モリサワと提携したさくらインターネットのレンタルサーバで30種類のフォントが無料で使えるというサービスなのですが、2020年3月より、新たに三つのフォントが追加されました。

  • UDデジタル教科書体R
  • ヒラギノ丸ゴ W4
  • しまなみ

UD(ユニバーサルデザイン)というのは、文化や年齢、障害などの有無を問わず、誰もが使いやすいデザインのことをいいます。

そんな理念のもと作られるのがUDフォントですが、「UDデジタル教科書体」はとくに教育現場で使われることを想定して、さまざまな読みやすさのための工夫がされています。

実際に他の教科書体とよばれるフォントと比較して読みすすめの速度が改善したそうで、最新のWindows 10にも搭載されるなど普及が進んでいます。

 

誰もが平等に読みやすく、分かりやすい”文字”を社会に広めたい。UDフォントを開発するモリサワ社の想いとは。 #さくマガ #さくらインターネット – さくマガ

株式会社モリサワ。1924年(大正13年)創業。「文字を通じて社会に貢献する」をビジョンに掲げる。「邦文写真植字機」を世界で初めて発明し、その後はDTP化やWebフォントへの対応など、様々な時代の変化に合わせた”文字”を取り扱う会社。 ーーまず始めに、ユニバーサルデザインの概念とは何でしょうか? …

 

いっぽうのヒラギノ丸ゴはMacやiPhone、iPadなどのアップル製品で昔から搭載されているフォントで、こちらも読みやすい丸ゴシック体です。

 

さて、気になるのは最後の「しまなみ」です。

モリサワのホームページでは、オールドスタイルの明朝体ながら、毛筆のニュアンスを取り入れたエレメントが特徴と紹介されています。

とりわけ、穏やかに波打つようなひらがなが印象的です。まさに〈凪の渡し場〉にもぴったりなフォントで気に入っています。

2020年3月12日現在、さくらインターネット公式のWordPressプラグインでは未対応のようですが、JavaScriptでの利用は可能となっています。

HTMLのヘッダ部分に以下のタグを追加します。

<script type=”text/javascript” src=”//webfonts.sakura.ne.jp/js/sakurav3.js”></script>

スタイルシートで、それぞれ以下の font-family を指定します。

  • Shimanami JIS2004
  • UDDigiKyokasho R JIS2004
  • Hiragino Maru Gothic W4 JIS2004
.shimanamifont {
    font-family: "Shimanami JIS2004" !important;
}
<p class="shimanamiFont">ここはしまなみフォントで表示します。</p>

新たなWebフォントの世界に漕ぎ出しましょう。