【El Capitan】Macに新たな「日本語」フォントが仲間入り!デザインを美しくしよう(CSS指定方法有)
OS X El Capitan では、新たな日本語フォントが4つ追加されました。また、太さが10段階で選べる「ヒラギノ角ゴシック」も追加され、よりお洒落にできます。
さてこんにちは。フォントにはうるさい「どっかの誰かさん」こと SofPyon です。
Mac の新バージョン「OS X El Capitan」には、なんと4つの日本語フォント「クレー」、「筑紫A丸ゴシック」、「筑紫B丸ゴシック」、「游明朝体+36ポかな」が追加されました。また、極細から極太まで10段階もウェイトが用意された「ヒラギノ角ゴシック」も追加されました(今までの「ヒラギノ角ゴ」とは別フォント扱い)。
「ヒラギノ角ゴシック」:太さが10段階から選べます
(OS X El Capitan で見ると、このセクションを「ヒラギノ角ゴシック W1」で見ることができます)
以前の「ヒラギノ角ゴ」では、確か、細、太、極太の3種しかなかったと思いますが、OS X El Capitan では、この「ヒラギノ角ゴシック」が10種類の太さとなりました。昔、極細フォントって、意外と無くて、欲しがっていた記憶があります。源の角ゴシックが登場したために、この欲は満たされたわけですが、プロの世界でも実際によく使われているヒラギノで10段階の太さが、Macユーザーなら無料で使えるようになったことは、とても喜ばしいことと思います。
↓ CSS指定例:
|
1 2 3 4 |
body { font-family: 'Hiragino Sans'; font-weight: 200; } |
「クレー」:硬筆書体
(OS X El Capitan で見ると、このセクションを「クレー」で見ることができます)
鉛筆で書いたような書体である「クレー」が追加されました。とても柔らかくて優しいイメージを持つフォントで、FONTWORKSのWebページでは、「毛筆の代わりに、鉛筆やペンなどを使って書いた手書き風の文字として独特の雰囲気が特徴です。 楷書体や教科書体とは一味違う手書き風のイメージを持ち、本文組みに適した書体です。」と紹介されています。
↓ CSS指定例:
|
1 2 3 |
body { font-family: 'Klee'; } |
「筑紫A丸ゴシック」「筑紫B丸ゴシック」:深い丸ゴシック体
(OS X El Capitan で見ると、このセクションを「筑紫A丸ゴシック」で見ることができます)
丸ゴシック体の「筑紫A丸ゴシック」「筑紫B丸ゴシック」が追加されました。見ての通り、従来の丸ゴシックではなく、また、古風なイメージがあります。FONTWORKSのWebページでは、「「漢字」は幾何学的な直線処理ではなく、温かみのある丸みを帯びたラインを意識して設計しています。「かな」はニュートラルなデザインです。 文字を組んだときの書風は格別です。 」と紹介されています。ちなみに、「A」と「B」の違いは、ひらがなやアルファベットなどに見られます(本記事のトップ画像参照)。
↓ CSS指定例:
|
1 2 3 |
body { font-family: 'TsukuARdGothic-Regular'; } |
「游明朝体+36ポかな」:「かな」が新しい游明朝体
(OS X El Capitan で見ると、このセクションを「游明朝体+36ポかな」で見ることができます)
従来の游明朝体の漢字と、よりクラシックなイメージを持つようになった かな文字を組み合わせたフォントです。游明朝体は、歴史小説が組めるように設計されたそうですが、より、古いイメージを持つようになったと思います。字游工房のWebページでは、「大正時代に制作された36ポイント(見出し向けサイズ)の金属活字をベースにデザインしました。」とあります。
↓ CSS指定例:
|
1 2 3 |
body { font-family: 'YuMin_36pKn-Medium'; } |
「どっかの誰かさん」はこう思う
フォントが増えたことにより、ますます表現の幅が広がったと思います。Windows には用意されていないフォントもありますが、CSSに指定して、Webサイトのデザインにも使ってみてはどうでしょうか?
- 【ブログ内PR】【iOS】人に見られたくないファイルを「キー」で管理して誤魔化そう!「KeyAccess」
- 【ブログ内PR】Webページに書き込みして共有!修正指示等に使える「AUN[あうん]」
- 製作したWebサービスやアプリを本ブログで紹介します。紹介された記事は、この【ブログ内PR】として告知いたします。詳しくはこちら
ドカダレ!のアカウントでは、最新記事、オススメ記事を紹介しています!フォローお願いします!