デザイナー必読!『欧文書体 基礎知識と使い方』で学ぶフォントの歴史と使い方

タイプデザイナーの小林章さんによる著書『欧文書体 基礎知識と使い方』を購入しました。タイポグラフィの勉強になる、非常に良い本でしたので、感想をご紹介します。

欧文書体 基礎知識と使い方

欧文書体 基礎知識と使い方

小林 章
3,520円(05/21 20:19時点)
Amazonの情報を掲載しています

本の概要

本書は2005年に刊行された『欧文書体 その背景と使い方』を改訂したものです。私自身、旧版を愛読しており、デザイン業務に役立つ書体知識を多く得られた経験があります。今回、改訂版が出ると聞いて楽しみにしていました。

フォント基礎知識の解説

セリフ体、サンセリフ体、ステム、ボウル、カウンター、などの文字にまつわる用語解説がしっかり載っており、基礎から学べます。

Typography - Bowls

↑文字の曲線の部分を「ボウル(bowl)」と呼ぶ

私がよく悩む、イタリック体の使い方について詳細に解説されていて、実務でもすぐ役立てられそうだと感じました。

イタリック体の使い方の図
イタリック体は書名などに使用します

定番書体紹介

旧版までは、セリフ体とサンセリフ体が同じくらいのボリュームでしたが、改訂版は今の時代に合わせて、サンセリフ体が豊富に紹介されています。

定番書体の見本
Avenir Next, SemiBold

Web デザインや映像でもよく見かける書体が多く、時代のトレンドを反映していると感じました。

系統立てた書体紹介

「ゴシック様式」「ルネサンス」「バロック様式」など、歴史の流れに沿って適したフォントを順序立てて解説されています。

美術史の勉強にもなり、興味を以て読むことができました。

古風な書体の見本
Trajan Pro, Regular

国別書体紹介

イギリス、ドイツ、フランスなど、国ごとによく見られる書体を写真付きで紹介しています。

街中の看板や食品パッケージなど、実際の使用例写真が豊富に掲載されており、理解が深まります。

まるで各国を旅行している気分にもなり、ワクワクしました。

West Brompton

↑ロンドンの交通システムで用いられているJohnston書体

Berlin - S-Bahnhof Oranienburger Straße - Linien S1,S2,S25 (6796143052)

↑ブラックレター書体が使われているドイツの駅名看板

テクニカルな内容

デザイン時に悩む「合字」の使い方や「スクリプト体」の美しい組み方も紹介。

合字の見本
「ffi」がくっついているのが「合字」

スクリプト体コーナーでは、大文字や文末の文字を同系統の別フォントに変えるだけで、まるで手書きのような美しい文字組みが実現できるテクニックが紹介されていました。私には全く思いつかない手法でしたので、感動しました。

スクリプト体の見本
スクリプト体のZaphino

スペーシングの解説

文字と文字の間のスペーシングについてもしっかり解説されており、デザイン初心者にも分かりやすい内容です。

レタースペーシング調整の見本
タイトルやロゴタイプでは特に必須となるレタースペーシング

まとめ

『欧文書体 基礎知識と使い方』は内容が非常に充実しており、読み込むほどに書体への理解と運用スキルが向上する予感があります。文字を扱うデザイナーやタイプデザイナーを目指す方には必携の一冊と言えるでしょう。

この記事を読んで興味を持たれた方は、ぜひ手に取ってみてください!

欧文書体 基礎知識と使い方

欧文書体 基礎知識と使い方

小林 章
3,520円(05/21 20:19時点)
Amazonの情報を掲載しています

👇️関連記事ピックアップ

【展覧会】グラフィックデザインの潮流を体感!「TDC 2025」展レポート at ギンザ・グラフィック・ギャラリー【タイポグラフィ】

先日、ギンザ・グラフィック・ギャラリーで開催中の「TDC 2025(TOKYO TYPE DIRECTORS CLUB EXHIBITION 2025)」展を訪れました。本展は、2024年度の優れたタイポグラフィ作品が一堂に会する展覧会です。

見どころ

  • 実物の質感を楽しめる
    ポスターなどの実物作品を見ることで、紙質や印刷の質感など、実物ならではの迫力を体感できます。
  • 海外デザイナーの作品展示
    海外の優れたグラフィックデザイナーの作品が多数展示されており、日本ではなかなか触れられない異文化のデザインに触れることができます。これにより、非常に良い刺激を得ることができました。
  • パッケージデザインの充実
    お菓子の箱など、パッケージデザインも多く取り上げられており、立体の作品は見応えがあります。
  • デザインの潮流が見える
    私自身、毎年ではありませんが定期的にこの展覧会を訪れており、継続して見ることで、グラフィックデザインの流行や変遷を感じ取ることができます。

展示の様子

以下は、会場で撮影した写真の一部です。実際の展示の雰囲気や作品のディテールをぜひご覧ください。

1階

ブックデザインの受賞作。実際に本を手にとって読むことができます

こちらの本は印刷が素敵でした。文字は銀のインクで刷られているようです。

写真もキラキラと光っています。

こちらの本は蛍光色の紙の使い方が非常に上手でした。

こちらは建築の本。

建築図面をリソグラフのような多色の特色で印刷しています。

通常では地味になりがちな図面のページが非常にカラフルで、ポップな印象になっています。

文字ページもカラフルで楽しげです。

この写真集は文字の入れ方や写真と文字の配置が独特で、参考になりました。

リズムを感じるタイポグラフィ。

ノンブルの位置も絶妙です。

こちらは作品集。

素直に、作品が美しいと感じました。印刷も美麗!

舟山貴士さんによる書体「しゅうれん かな」。美しい!

レコードジャケットなどもあります。

京都名物、西尾の八つ橋パッケージデザイン。

地下1階

まとめ

グラフィックデザインやタイポグラフィに興味がある方には、必見の展示です。もし機会があれば、ぜひ会期中に足を運んでみてください。

展覧会情報

  • 会場:ギンザ・グラフィック・ギャラリー(ggg)
  • 住所:〒104-0061 東京都中央区銀座7-7-2 DNP銀座ビル 1F/ B1F
  • 会期:2025年4月4日(金)ー5月17日(土)
  • 開館時間:11:00am-7:00pm 日曜日、4月29日、5月3日-6日休館 入場無料

関連するオススメの記事

【2024-2025年最新版】プロが選ぶ合成フォント10選|設定・制作レシピ完全ガイド

グラフィックデザインの現場で私が実際に制作・活用した合成フォントをご紹介いたします。設定画面や実際に使用した媒体についても具体例を交えながら解説していますので、ぜひ制作の参考にしていただければ幸いです。

【補足事項】

  • 複数ウェイトで制作した合成フォントもございますが、今回の記事では1ウェイトのみをご紹介しています。
  • 設定画面は業務で使用したそのままのものであり、必ずしも同様の設定が必要であるとは限らない点をご理解ください。
  • HelveticaやUniversなどの有名フォントは、販売しているメーカーによってデザインが異なる場合があります。本記事での設定例は、あくまで私自身の設定に基づくものであることをご承知おきください。
  • 設定画面はInDesignのものとなります。

明朝体の合成フォント

[和字]本明朝新がなBook + [欧数字]Adobe Garamond

設定画面

用途

写真集の本文書体として使用。

コンセプト

写真集の本文書体として読みやすい合成フォントを使いたいと思い、作成しました。

写真が主役として映えるようにしたかったので、明朝体としてクセが少ない本明朝新がなBookを選びました。

本明朝新がなBookは書籍用に設計された読みやすく、美しい書体です。欧文には活字の趣を残したAdobe Garamond Proを使用。欧数字は110%拡大して和字とサイズ感を合わせています。

[和字]秀英明朝 + [欧数字]Adobe Garamond

設定画面

用途

学校案内パンフレットの本文書体として使用。

コンセプト

文学系の歴史を学べる学校案内の本文書体として制作しました。

秀英明朝はかな文字(特に「に」や「は」などのひらがな)に流麗な筆の名残が反映されているデザインなので和風の雰囲気が出ます。そこにAdobe Garamondを組み合わせました。

横組のパンフレットだったので、可読性の点からも秀英明朝は優れていると感じます。

本文用書体としてより読みやすくしたかったので、カギ括弧やローマ数字にリュウミンを設定しています。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]本明朝 + [英数字]Carmina

設定画面

用途

学校案内パンフレットの本文、および見出し書体として使用。

コンセプト

和字はオーソドックスで読みやすい本明朝新がなを使用。欧数字にはより、活字の雰囲気を出したかったのでCarminaを使用しました。

Carminaは多少クセがある欧文書体なので見た人の印象に残りやすい合成フォントになりました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

ゴシック体の合成フォント

[和字]こぶりなゴシック + [欧数字]OpenSans

設定画面

用途

学校案内パンフレットの本文書体として使用。

コンセプト

Open SansはGoogle fontsから無料でダウンロードできるフォントです。2011年にリリースされた比較的新しい書体。

Open Sans – Google Fonts
https://fonts.google.com/specimen/Open+Sans

こぶりなゴシックには普段、FrutigerやUniversを合わせることが多いのですが、この時は現代的な印象にしたかったので欧文にOpen Sansを使用しました。

[和字]こぶりなゴシック + [欧数字]Helvetica

設定画面

用途

写真展告知チラシの本文、および見出し書体として使用。

コンセプト

チラシの表面をスイスタイポグラフィっぽいデザインにしたかったので、フォント名がそのまま「スイス」を意味するHelveticaを使用。

和文はニュートラルなこぶりなゴシックと合わせました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]こぶりなゴシック + [欧数字]DIN

設定画面

用途

ビジネス書籍の本文、見出し、表紙書体として使用。

コンセプト

教育機関によるマーケティング理論をまとめた書籍のデザインのために制作した合成フォントです。

英文が多く登場するので、ややコンデンス気味で読みやすいDINを欧数字に使用しました。

Adobe fontに搭載されているURW DINはウェイトが非常に豊富なので、様々な場面で使用できます。

URW DIN | Adobe Fonts
https://fonts.adobe.com/fonts/urw-din#recommendations-section

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

本文レイアウトは以下のAmazonリンクより、数ページ分のデザインをご覧いただけます。

デザインアート思考 使い手のニーズとつくり手のウォンツを同時に実現する10のステップ

[和字]こぶりなゴシック + [英数字]Myriad

設定画面

用途

学校案内パンフレットの本文書体として使用。

コンセプト

本文ではなく、コラムや表組み、データ部分で使用しました。

FrutigerをベースにしたMyriadは文字サイズが小さくなっても読みやすく、視認性が高いです。

実際のデザイン作例(Behanceより)

二度目の紹介となりますが、以下パンフレットのデータ部分で使用しています。

秀英角ゴシック金 + Avenir

設定画面

用途

イベントチラシのキャプションテキストとして使用。

コンセプト

歴史にまつわるイベントチラシの、情報などのキャプションテキストとして、読みやすく、かつ、少し趣がある印象にしたかったため、活字のエッセンスを取り入れた秀英角ゴシックを使用。

秀英角ゴシックには金と銀がありますが、横組の際は金の方が読みやすい印象があるのでこちらの使用しました。

タイトルのフォントなどにクセがあるので、キャプション用の英数字にはニュートラルなAvenirを組み合わせました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]あおとゴシック + [英数字]Univers

設定画面

用途

写真展告知チラシのタイトルと本文に使用。

コンセプト

特殊詐欺をテーマした写真プロジェクトの展覧会チラシで使用。 ”痕跡を消す”ということをデザインコンセプトに、限りなくクセがないモリサワのあおとゴシックと、多彩なウェイトを持つ変幻自在なフォントであるUniversを組み合わせた合成フォントを作成しました。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

[和字]くれたけ銘石 + [英数字]Ferryman

設定画面

用途

イベント告知チラシのタイトル、見出しとして使用。

コンセプト

悲劇的な事件にまつわる追悼式のチラシデザインに使用。重厚さと古風な印象を出したかったので、和字にはくれたけ銘石を使用しました。和字のデザインに合いつつ、さらに日付などの数字にインパクトを持たせたかったので英数字にはAdobe fontsのFerrymanというフォントを合わせました。

Ferryman | Adobe Fonts
https://fonts.adobe.com/fonts/ferryman

重厚でありながら現代的な雰囲気もある、良い合成フォントになったと思います。

実際のデザイン作例(Behanceより)

以下の画像リンクより、私が実際に業務で制作したデザインをご覧いただけます。

まとめ

今回ご紹介した合成フォントは以上です。

合成フォント機能は、組み合わせや設定に手間がかかりますが、丁寧に作り込むことで、デザインにオリジナリティを加えることができます。

本記事を参考に、ぜひ皆様もオリジナルの合成フォント作りに挑戦してみてください。

合成フォントの作例が紹介されているオススメのデザイン書

文字組デザイン講座: 雑誌・書籍・ポスターにおける巧みな文字の使い方をリアルな指定紙から解説

バリアブルフォントとは?-メリット・デメリットからIllustratorでの使い方まで解説!

近年、ウェブやデジタルデザインの世界で注目を集めている「バリアブルフォント(Variable Font)」は、従来の静的なフォント表現を革新する新しいタイポグラフィのアプローチです。

バリアブルフォントは、ひとつのフォントファイル内で幅広いウェイトやスタイルを自由に調整できるため、デザインの柔軟性とパフォーマンス向上を実現します。

本記事では、バリアブルフォントの基本的な仕組みから、そのメリット・デメリットまで、詳しく解説していきます。

バリアブルフォントの基礎知識

バリアブルフォントは、従来のフォントが持つ複数のスタイル(例えば、レギュラー、ボールド、イタリックなど)をひとつのファイルに統合し、デザインパラメータを数値で細かく制御できるフォント技術です。

軸(Axis):

バリアブルフォントでは、フォントの見た目を変化させるパラメータを 「軸(Axis)」 と呼びます。軸を使うことで、1つのフォントファイル内でさまざまなバリエーションを生み出すことが可能になります。主な軸には以下のようなものがあります。

  • Weight(ウェイト)-フォントの太さを調整する軸(例:Thin から Black までの範囲で滑らかに変化)。
  • Width(ウィズ)-フォントの横幅を調整する軸(例:Condensed(狭い)から Expanded(広い)まで)。
  • Italic(イタリック)-通常のスタイルから斜体への変化を滑らかにコントロールする軸。
  • Slant(スラント)-イタリックとは異なり、角度だけを傾ける軸。
  • Optical Size(オプティカルサイズ)-フォントを使用するサイズに応じて、可読性を最適化するためのデザイン調整軸(例:小さいサイズでは太め、大きいサイズでは細めになる)。

技術的背景:

OpenType仕様の拡張として登場し、複数のフォントバリエーションを滑らかに補完できる機能を持っています。

普及状況:

最新のWebブラウザやAdobeのデザインソフトウェアは、バリアブルフォントのサポートが進んでおり、今後さらに利用が拡大すると予想されます。

メリット

バリアブルフォントには、以下のようなメリットがあります。

柔軟なデザイン調整:

単一ファイルで複数のスタイルをカバーできるため、細かなデザイン調整が容易です。

パフォーマンス向上:

Webデザインにおいては、必要なスタイルを個別に読み込む必要がなく、ファイルサイズの削減やロード時間の短縮に寄与します。

一貫性のある表現:

同一ファミリー内での連続性のある変化が可能なため、ブランドやプロジェクト全体での統一感を保てます。

クリエイティブな可能性:

デザイナーは、従来の決まりきったスタイルにとらわれず、動的なタイポグラフィ表現を実現できるため、インタラクティブなWeb体験を提供できます。

デメリット

一方で、バリアブルフォントにはいくつかのデメリットも存在します。

互換性の問題:

古いブラウザや一部のデザインツールでは、バリアブルフォントに対応していない場合があり、表示や編集に問題が生じることがあります。

実装の複雑さ:

パラメータを自由に調整できる反面、過剰な設定や不適切な利用が原因で、デザインが崩れたり、ユーザビリティに悪影響を与える可能性があります。

制作コスト:

従来のフォントに比べ、制作や調整に専門的な知識が求められるため、開発コストや学習コストが増大することがあります。

Adobe Illustratorでの使用方法

Adobe Illustratorでバリアブルフォントを使用する方法をご紹介します。

1.バリアブルフォントを選ぶ

今回はAdobe fontsに収録されている「百千鳥 VF」を使います。(※VFはVariable Fontsの頭文字です。)

Screenshot

百千鳥 | Adobe Fonts
https://fonts.adobe.com/fonts/momochidori

2. バリアブルフォントボタンでフォントの見た目を調整する

バリアブルフォントの場合、文字ウィンドウのウェイト表示の隣に下図の様なバリアブルフォント調整ボタンが表示されます。

バリアブルフォント調整ボタン(バリアブルフォントの場合のみここに表示される)

こちらをクリックすると、字幅、太さ、欧文イタリックを調整できるバーが表示されます。

このスライダーを動かすことでフォントのデザインを直感的に変更することができます。

字幅を細く、太さを太く
直感的にフォントの見た目を変更できる

欧文でも、下図のように調整が可能です。

「百千鳥 VF」では、欧文イタリックのバーは動かしても変化無しだった

*「百千鳥 VF」にはイタリック体は収録されていないようなので、ここは変化なしでした。

バリアブルフォントの探し方

Adobe Fontsのバリアブルフォント

Adobe Fontsでは、サイドバーに「バリアブルフォント」というボタンがあるのでこちらをクリックすることで、バリアブルフォントの一覧を表示させることができます。

バリアブルフォントを検索 | Adobe Fonts
https://fonts.adobe.com/fonts?browse_mode=japanese&cc=true&languages=ja&min_styles=1&max_styles=26&font_technology=vf

Adobe Fontsでのバリアブルフォント画面

Google Fontsのバリアブルフォント

Google Fontsでは以下のリンクにバリアブルフォントの一覧がまとめられています。

Variable fonts – Google Fonts
https://fonts.google.com/variablefonts#font-families

こちらはすべて無料で使用できるフリーフォントとなります。


まとめ

バリアブルフォントは、これまでのフォント設計の常識を覆す革新的な技術です。
日本語フォントにおいてはまだ発展途上の部分もありますが、幅や太さを自在に調整できるフォントが増えており、デザインの可能性を広げています。
今後の進化にも注目しながら、ぜひバリアブルフォントを実際のデザインプロジェクトで試してみてください。

Header: Shubham DhageによるPixabayからの画像

誰にでも伝わる文字を目指して─UDフォントの魅力と可能性─フリーフォントも紹介!

UDフォント(ユニバーサルデザインフォント)は、情報をより多くの人にわかりやすく伝えるために生まれた文字デザインです。

視認性や判読性が高く、教育現場や公共施設、企業のコーポレートツール、デジタルデバイスなど、さまざまな場面で採用されています。

この記事では、UDフォントの特長や実際の採用事例、デザインの可能性について解説します。


1. UDフォントとは?

UDフォントは、ユニバーサルデザインの考え方をもとに設計されたフォントで、特に以下の点が特徴です。

  • 判読性の向上
    「O(オー)」と「0(ゼロ)」、「1(イチ)」と「I(エル)」など、紛らわしい文字の違いが明確。
  • 視認性の向上
    遠くからでも読みやすく、文字間や線の太さが工夫されています。
出典:宮沢賢治 銀河鉄道の夜 https://www.aozora.gr.jp/cards/000081/files/456_15050.html (2025/03/10アクセス)
  • ユニバーサルな対応
    視覚障がい者や高齢者、外国人にも配慮したデザインです。

2. UDフォント具体的な用途と採用事例

UDフォントは、以下のような場面で活躍しています。

教育分野におけるUDフォント事例

  • Z会三省堂などが教材や辞書に採用。たとえば、三省堂の「小学国語辞典」ではUDフォントが使われ、子どもが読みやすい構成になっています。

ユニバーサルデザインへの取り組み|教科書・教材|三省堂 https://tb.sanseido-publ.co.jp/universal-design/

公共機関におけるUDフォント事例

  • 茨城県行方市奈良県生駒市が、行政文書や案内資料の視認性向上のために採用。これにより高齢者や視覚障がい者への配慮が強化されています。

行方市公式ホームページにWEBフォント(UDフォント)を導入しました | 行方市公式ホームページ https://www.city.namegata.ibaraki.jp/page/page010083.html

使用しているのはモリサワのUDフォント。見出しや、タブ、ボタンなどには「UD新ゴ」。本文には「UDデジタル教科書体」とのこと

イベントレポート「生駒市の教育の質を支える UDフォント活用とは」|誰ひとり取り残さない「伝わる」ICT教育 ゲストトーク②生駒市立俵口小学校 教頭 八代さん | FONT SWITCH PROJECT https://fontswitch.jp/post/20425

  • 鹿児島県霧島市でも2025年から市のホームページにUDフォントを使用するようになりました。実際に私達が良く見るサイトで使用されるとUDフォントの効果がわかりやすいですね。

鹿児島県霧島市|市ホームページにユニバーサルデザインフォントを導入しました
https://www.city-kirishima.jp/hisyokouhou/koho/ud.html

使用しているUDフォントはGoogleフォント「BIZ UDGothic」とのこと

企業のコーポレートツールにおけるUDフォント事例

  • 富士通では、「UD新ゴ」をコーポレートフォントに採用。社員や顧客が利用する資料やデジタルツールに統一感を持たせ、読み間違いの防止にも寄与しています。

富士通の新コーポレートフォント和文にモリサワのUD新ゴが採用 | ニュース&プレスリリース | 企業情報 | 株式会社モリサワ https://www.morisawa.co.jp/about/news/6681

富士通のWEBストアではメニューなどにUD新ゴが使用されていました

日常生活

  • パナソニックのリモコンや家電の操作パネルにはUDフォントが活用され、高齢者にも使いやすいデザインが実現しています。

フォントメーカーの㈱イワタ様と共同開発を行い、2006年に世界初のUD仕様の書体を完成させました。この書体は、全てのパナソニックグループ製品の機能表示に使われています。

UDへの研究活動 – ユニバーサルデザイン – デザイン – パナソニック ホールディングス https://holdings.panasonic/jp/corporate/universal-design/research.html


3. UDフォントがデザインに与える影響

グラフィックデザインの観点からも、UDフォントは重要です。

  • 情報の整理
    文字情報が整然とした印象になり、全体のデザインが引き締まります。
  • アクセシビリティ向上
    誰でもアクセスできるデザインを実現し、社会的な信頼感を向上。
  • ブランドイメージの向上
    社会的配慮を感じさせるデザインは、企業やサービスの評価を高めます。

4. UDフォント実際に使う際のポイント

  • 目的とターゲットに合わせた選択
    使用シーン(教育、公共、商業)に応じて適切なフォントを選ぶことが重要です。
  • 文字サイズとコントラスト
    背景とのコントラストや文字サイズにも注意することで、読みやすさが向上します。
  • 試しに使ってみる
    フォントメーカーの無料トライアルを活用して、最適なフォントを選んでください。

5.無料のUDフォント

Google fontsで無料でダウンロード&使用ができるUDフォントをご紹介します。

5-1. BIZ UDゴシック/BIZ UDPゴシック

BIZ UDフォントはタイプバンクとモリサワが共同でデザインをしたUDフォントです。教育やビジネス文書作成などでの利用に適したデザインになっています。

ゴシック体も明朝体も、英数字が幅細のものと、和文と同じ幅の「P」が付くフォントがあります。「P」が付く方が違和感なく使いやすそうだと思います。ウェイトはRegularとBoldの2種。

BIZ UDGothic Regular

ダウンロード先→ https://fonts.google.com/specimen/BIZ+UDGothic

BIZ UDPGothic Regular

ダウンロード先→ https://fonts.google.com/specimen/BIZ+UDPGothic

5-2. BIZ UD明朝/BIZ UDP明朝

BIZ UDMincho Regular

ダウンロード先→ https://fonts.google.com/specimen/BIZ+UDMincho

BIZ UDPMincho Regular

ダウンロード先→ https://fonts.google.com/specimen/BIZ+UDPMincho

6. 私のおすすめUDフォント

私がデザインの仕事でよく使用している、おすすめのUDフォントをご紹介します。

6-1. ヒラギノUD角ゴ

最も使用頻度が高いUDフォントがこちらです。
ヒラギノの通常版も美しいフォントですが、UD版は特に英数字の可読性が向上し、より洗練された印象を与えます。
ゴシック体選びに迷ったときは、これを選べば間違いなし!といえるほど汎用性に優れています。
惜しい点としては、太いウェイトがW6までしかないため、もう少し太いバリエーションが欲しいところです。

ヒラギノUD角ゴW6

6-2. UD新ゴ

新ゴフォントのUD版です。
新ゴはもともと字面が大きく、視認性に優れたフォントですが、英数字のデザインにはやや昭和っぽい印象がありました。
UD新ゴでは英数字がFrutiger風のデザインになり、現代的な印象にアップデートされています。
とにかく可読性を重視したいときに最適です。

UD新ゴR

6-3. UD黎ミン

明朝体では、UD黎ミンをよく使用します。
黎ミンは本家版もウェイトが豊富な点が魅力ですが、UD版も6ウェイトあるため、使い勝手が良いフォントです。

UD黎ミンM

UDフォントまとめ

UDフォントは、誰にでも伝わる文字デザインの未来を切り開いています。教育、公共、ビジネスなど、さまざまな場面で活用されているUDフォントを、ぜひあなたのプロジェクトにも取り入れてみてください。

👇オススメの関連記事