COLUMN

現場から、届ける。

旅館・ホテルの経営に役立つ情報を、ADGRAPHYのスタッフがリアルな現場目線でお届けしています。OTA運用やWEB集客のノウハウから、補助金情報・業界トレンドまで、宿泊施設に関わるすべての方にお読みいただける内容です。

SCROLL

2023.03.24

ウェブデザイナーがよく使う明朝体

飾りとして使う欧文フォント

前に、よく使うゴシック体について聞きましたが、今回はよく使う明朝体を教えてください

和風旅館のサイトでは、日本語は明朝体(セリフ)を使うことが多いから、それに合う欧文フォントを選んでる

ゴシック体について聞いた時もそのように言っていましたね

いくつかあるけど、Cinzel Decorative(Google Fonts)はこのサイトで、タイトル部分の飾りとかで使ったよ
https://kouennoyado.jp/

割と癖がある感じのフォントですね

フォント単体でもしっかりしたデザインとして見せられるよね。飾りとして使いたかったから、シルエットが綺麗なフォントを選んだよ

あくまでも日本語サイトで使う欧文だから、イメージ的に使ってるんですよね

こういう場合は、大文字で表現することが多いなと思った。他にも、このサイトではCrimson Text(Google Fonts)を使ったよ
https://www.miyako21.co.jp/

サイトで使ってるのはイタリック体(斜体)なんですね

この施設様のターゲットは大人だったから、クール系の雰囲気いい感じのサイトにしたくて、デザイン性をプラスする意味でこういう表現をしたんだ

読ませるというより、デザインフォントとして使うことで雰囲気を出すこともできるんですね!

サンセリフっぽいけどセリフ?

セリフといえば端にうろこみたいな飾りがあるけど、その要素を最大限まで削ったItaliana(Google Fonts)は好きなフォントのひとつだよ

セリフの要素を削っちゃったら、それこそサンセリフなんじゃないですか?

天下のGoogleがセリフにカテゴライズしてたから、セリフ体です!

あ、なるほど…

まあその要素を削ったからこその美しさがある書体だから、デザイナーとしては嬉しいよね

細さと太さのバランスがちょうどいい感じですね。上品な印象です

ただ、視認性が高いフォントではないから、使用時はフォントサイズを気にかけてたよ
https://kominkataiken.com/

サイトでは日本語は明朝体もゴシック体も使ってますけど、Italianaはどっちにも合いますね

セリフの書体を選ぶときは、その施設に合いそうな、理想的なハネ方とかうろこの飾り付きのフォントをこだわって探してるかも

王道の『Garamond』

欧文のセリフ体は細めのフォントがなかなか無いのですが、Cormorant Garamond(Google Fonts)はウェイト(書体の太さ)の種類が豊富なので重宝しています

綺麗なフォントですね

エレガントな雰囲気なので、シンプルなデザインに合います。このサイトで使用しました。
https://www.pearlpier.com/

高級感を出したい時にうってつけですね

風格もあるので、高級宿などのサイトを制作するときに間違いないなと思って使っているんです。『Garamond』は多くのデザイナーに愛されている王道のフォントだと思います

私の制作では、欧文を扱うことが最近は少なくて、このサイトでは限られた場所にしか使ってないけど
https://www.bettei-fujiya.com/

ほとんど欧文を使ってないサイトでも、『SCROLL』みたいに英語表記をするところはどんなフォントを使ってるんですか?

EB Garamond(Google Fonts)など『Garamond』を選びます

『Garamond』っていうフォントっていくつもあるんですね。同じシリーズってことですか?

歴史が古くて、たくさんの人に親しまれてる伝統的なフォントなんだよ

Cormorant Garamondも『Garamond』に影響を受けて作られた書体の一つです

確かに読みやすいし、日本語の明朝体とも相性が良いですよね

セリフにも種類があって、『オールドフェイス』『モダンフェイス』『トランディショナル』『スラブセリフ』があって

どれも初耳です…

『Garamond』は『オールドフェイス』の代表格とも言えます

フォントの歴史は古いから、色々と調べてみると面白いよ

明朝体・ゴシック体の区別しかつきませんでしたが、フォントの歴史とか奥が深そうです!

まとめ

私はPlayfair Display(Google Fonts)を使った時に、優美なデザインが綺麗だなと思いました!
https://www.modestsmile.co.jp/

読ませるフォント、デザインフォントで使い分けることもできるんですね。明朝体・ゴシック体の区別しかつかなかったのですが、フォントの歴史など奥が深そうでした。更に勉強してみたいと思います!

CATEGORY: 見習いデザイナー
CATEGORY
常務ブログ
営業マンブログ
OTAお役立ち情報
セミナー
お知らせ
ニュースレター
新商品・サービス
補助金情報
旅行マーケティング
見習いデザイナー
お役立ち情報
サイト更新情報
ARCHIVE
2026年5月(9)
2026年4月(5)
2026年3月(9)
2026年2月(12)
2026年1月(23)
2025年12月(11)
2025年11月(5)
2025年10月(3)
2025年9月(10)
2025年8月(7)
2025年7月(41)
2025年6月(14)
2025年5月(2)
2025年4月(2)
2025年1月(1)
2024年12月(1)
2024年11月(1)
2024年8月(1)
2024年6月(1)
2024年4月(2)
2024年1月(2)
2023年12月(1)
2023年11月(1)
2023年10月(5)
2023年8月(1)
2023年7月(2)
2023年6月(1)
2023年5月(2)
2023年4月(3)
2023年3月(3)
2023年2月(2)
2023年1月(3)
2022年12月(9)
2022年11月(6)
2022年10月(9)
2022年9月(1)
2022年8月(1)
2022年7月(3)
2022年6月(3)
2022年5月(3)
2022年4月(6)
2022年3月(7)
2022年2月(12)
2022年1月(8)
2021年12月(13)
2021年11月(13)
2021年10月(13)
2021年9月(12)
2021年8月(23)
2021年7月(25)
2021年6月(16)
2021年5月(35)
2021年4月(10)
2021年2月(1)
2020年9月(1)
2020年8月(1)
2020年7月(1)
2020年6月(2)
2020年5月(12)
2020年4月(9)
2020年3月(1)
2020年2月(1)
2020年1月(6)
2019年12月(1)
2019年11月(4)
2019年9月(1)
2019年8月(2)
2019年7月(6)
2019年6月(1)
2019年5月(1)
2019年4月(2)
CONTACT

まずは
課題を整理しましょう

売上、採用、現場、事業承継。何から相談すればいいかわからない段階でも大丈夫です。宿の状況をお聞きし、必要な支援を一緒に整理します。