モリサワパスポート搭載の「游ゴシック体B」と定番の欧文書体で合成フォントを作る

2020年の更新でモリサワパスポートに、字游工房の大人気フォント「游ゴシック体」が追加されました。

私も早速、仕事で使い始めているのですが、そこで少し悩む点が….

見出し用に「B」のウェイトを使うときに合成フォントの欧文がいまいち決まらない。

私はUniversを良く使うのですが、游ゴシック体のBとUniversのRoman、Boldがイマイチ合わない感じ….

折角の機会なので、游ゴシック体Bと欧文フォントの組み合わせをガッツリと調べてみました。

【前提条件】

  1. 使用する游ゴシック体はモリサワパスポートに搭載されている「游ゴシック体 Pr6N B」とする
  2. 欧文フォントは和文フォントのサイズに合わせて適宜拡大する(ベースライン調整はしない)
  3. ツメはベタ組み
  4. 欧文フォントはOpentypeのものを使用する

という事で、テストした結果が以下となります。

1. 游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈基本編〉

游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈基本編〉
游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈基本編〉

青文字がフォントの組み合わせ名、赤文字が私の感想です。

①【漢字・かな】游ゴシック体 Pr6N B 【欧文】游ゴシック体 Pr6N B

*従属欧文(デフォルト):デフォルトなのでもちろんバランスは一番良いです。数字が読みやすくなるようにスラブセリフっぽくなっていますね。

②【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 55 Roman(110%)

*欧文細い:和文より欧文がちょっと細いので、バランスが悪い感じです。どちらかと言うと和文より欧文が太い方がバランスが良く見えるというのが基本的セオリーです。

③【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 65 Bold(110%)

*欧文やや太い:こちらは欧文が太めな印象。やはりUnivers LTを游ゴシックBに合わせるのは難しいという印象です。

④【漢字・かな】游ゴシック体 Pr6N B 【欧文】Futura (OTF) Demi (120%)

*欧文ほんの少し太いが良い感じ:このくらいだと和文と欧文の太さが良い感じです。

⑤【漢字・かな】游ゴシック体 Pr6N B 【欧文】Neue Haas Unica Pro Medium(120%)

*完璧に近いバランス:Neue Haas Unica Pro Mediumは従属かと思うくらい完璧なバランス!

⑥【漢字・かな】游ゴシック体 Pr6N B 【欧文】Frutiger LT Std 65 Bold(110%)

*欧文やや太い:欧文やや太めですが、わりと良いバランスだと思います。

⑦【漢字・かな】游ゴシック体 Pr6N B 【欧文】Helvetica LT Std Bold(115%)

*欧文やや太い:HelveticaもLTのものはちょっと太めです。

⑧【漢字・かな】游ゴシック体 Pr6N B 【欧文】Helvetica Neue LT Std 65 Medium(115%)

*完璧に近いバランス:こちらのHelvetica Neueはかなり完璧なバランスでした!

⑨【漢字・かな】游ゴシック体 Pr6N B 【欧文】Myriad Pro Semibold(120%)

*欧文ほんの少し太いが良い感じ:Myriadも良い感じ。

⑩【漢字・かな】游ゴシック体 Pr6N B 【欧文】Officina Sans ITC Pro Medium(120%)

*完璧に近いバランス:Officina Sansも完璧に近いバランス!数字は游ゴシック従属のものにそっくりですね。

大体のフォントが合成フォントで使えそうですが、やはりUnivers LTは、55 Romanだとやや細くて65 Boldだと太い印象なのでちょっと組み合わせが難しいかと感じました。

2. 游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈コンデンス体編〉

コンデンス体との組み合わせも調べてみました。〈基本編〉で使えそうな書体のみで試しています。

游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈コンデンス体編〉
游ゴシック体B(Pr6N)と欧文フォントの組み合わせ〈コンデンス体編〉

⑪【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 57 Condensed(110%)

*欧文やや細い:やはりUniversは難しいですね。細く見えます。

⑫【漢字・かな】游ゴシック体 Pr6N B 【欧文】Univers LT Std 67 Bold Condensed(110%)

*欧文結構太い:こちらも、違和感を感じるくらい太いです。

⑬【漢字・かな】游ゴシック体 Pr6N B 【欧文】Futura Cond (OTF) Medium(120%)

*完璧に近いバランス:太さのバランスはバッチリです。コンデンスの度合いが他のフォントに比べて高く、細長いですね。

⑭【漢字・かな】游ゴシック体 Pr6N B 【欧文】Frutiger LT Std 67 Bold Condensed(110%)

*完璧に近いバランス:かなりバッチリです。読みやすいのでインフォグラフィックスなどに使えそうな組み合わせ。

⑮【漢字・かな】游ゴシック体 Pr6N B 【欧文】Helvetica Neue LT Std 67 Medium Condensed(110%)

*完璧に近いバランス:〈基本編〉で完璧だったHelvetica Neueは今回も完璧です。

⑯【漢字・かな】游ゴシック体 Pr6N B 【欧文】Myriad Pro Semibold Condensed(120%)

*欧文ほんの少し太いが良い感じ:欧文がほんの少し太いですが、ほぼ完璧です。

Universは〈基本編〉よりもさらに難しさを感じました。

現状、販売されていないのですが、Neue Haas Unicaのコンデンス体があればそれでも試してみたくなりました。

感想については、あくまでも私の個人的な印象なのですが、游ゴシック体Bで合成フォントを作る際の参考にしていただければと思います。

Header: Willi HeidelbachによるPixabayからの画像

関連記事

新人デザイナーさんに!入手しやすく高品質なFrutiger互換フォント
非デザイナーの方にも!Macの標準フォントでデザインに使えるおすすめ書体〈欧文編〉
私がデザイン業務で「欧文組版」をする際に参考にしている本・Webサイトを紹介!

関連書籍

タイポグラフィ・ハンドブック

合成フォント:エムニュースエム L + Discourse Wide Light

合成フォントの組み合わせ研究。

今回はモリサワパスポート搭載の『エムニュースエム』とAdobe Fontsに搭載の『Discourse Wide』を組み合わせて、未来的な印象のフォントを作成します。

完成見本

漢字・かな

エムニュースエム L

モリサワパスポートに搭載のフォント。

毎日新聞社が新聞の本文組用に開発した字面の大きな文字です。

エムニュースエム L | 書体見本 | モリサワのフォント | 株式会社モリサワ
https://www.morisawa.co.jp/fonts/specimen/1169

数字・アルファベット

Discourse Wide Light

Adobe Creative Cloudを契約していると追加料金無しで様々なフォントを使用できるAdobe Fontsに搭載の欧文フォント。

このフォントのWideというウェイトが近未来感があって使用したかったので、まずこの欧文フォントを選び、欧文フォントから逆算して合う日本語フォントとしてエムニュースエムを使用しました。

Discourse | Adobe Fonts
https://fonts.adobe.com/fonts/discourse

設定画面

illustratorの合成フォント設定画面

半角欧文と半角数字に設定したDiscourse Wideはそのままだとエムニュースエムより小さく見えるので「110%」にサイズを拡大します。

上記の設定で作成した合成フォントの書体見本は以下の様になります。

エムニュースエム L + Discourse Wide Light

和文と欧文のフォントが良い具合に調和したと思います。

このままでも良いのですが、もう少し尖った印象にしたいので文字設定ウインドウで「平体80%」に加工します。

文字設定ウインドウ
エムニュースエム L + Discourse Wide Light(平体80%)

これで完成。

なかなか特徴的な合成フォントになりました。

合成フォントのイメージ・キーワード

  • 未来的
  • シャープ
  • スマート

合成フォントの使用シーン・媒体

  • 雑誌の見出し・本文
  • Webサイトやブログのタイトル・見出し
  • フライヤーの見出し

シャープな印象や未来的な印象にしたい時にオススメの組み合わせです。

気になった方は是非お試しください!


合成フォントやフォントの設定についてさらに詳しく知りたい方に、オススメの一冊!

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

合成フォント研究002:活字の雰囲気を感じさせる明朝系の組み合わせ

活字の雰囲気を感じさせるデザインにしたい時に作成した合成フォントです。

InDesignでの設定画面は以下の様になっています。

欧数字に使用している Adobe Garamond Pro は、そのままだと和文のフォントより小さく見えるので110%拡大しました。

築地体一号はウェイトが一つしか無いので使い所が難しいのですが、今回は違和感なくハマりました。

Fontset:ヒラギノ角ゴ+ヒラギノ角ゴAD仮名+Fira Sans|AXISフォントぽい合成フォントを作る

会社案内やPR誌で使用出来るようなAXISフォントの様な合成フォントを、ヒラギノをベースにして作成してみました。

“Fontset:ヒラギノ角ゴ+ヒラギノ角ゴAD仮名+Fira Sans|AXISフォントぽい合成フォントを作る” の続きを読む

Fontset:UD新丸ゴ+丸アンチック+Clone Rounded Latin|モダンな丸ゴシックの合成フォントを作る

以前の記事でご紹介したUD新丸ゴの漢字と丸アンチックのかな書体の組み合わせに、欧数字をAdobe Typekitで使えるClone Rounded Latinに変更して、よりモダンな印象になるような合成フォントを作成しました。

“Fontset:UD新丸ゴ+丸アンチック+Clone Rounded Latin|モダンな丸ゴシックの合成フォントを作る” の続きを読む