top of page

200種類のモリサワフォントがWixエディタに登場|おすすめフォント紹介

  • 執筆者の写真: Miyuki Shimose
    Miyuki Shimose
  • 4月30日
  • 読了時間: 11分

更新日:2 日前


リュウミンなどの人気モリサワフォントがWixエディタに登場

この記事は株式会社モリサワ様のご協力のもと、内容をご監修いただいております。


ホームページを作成する場合、フォントは Web デザインの要となる大切なポイントです。読みやすく、ブランドの世界観を反映したフォントは、サイト全体の統一感や雰囲気を醸し出すための重要な役割を果たします。

このたび、200 種類のモリサワフォントが Wix エディタに新しく導入され、日本語による Web デザイン要素がさらに進化しました。

この記事では、モリサワフォントの概要や Wix エディタでの使用方法を解説するとともに、Wix で使えるおすすめのモリサワフォントをご紹介します。

目次


WixのLP。思いのままの制作を可能にするWebデザインツール

\ノーコードで Web デザインを作成するなら Wix/



モリサワフォントとは?

株式会社モリサワは、長年にわたって日本語のタイポグラフィを牽引してきた日本を代表するフォントメーカーです。見やすさや美しさ、そしてアクセシビリティに優れたデザインのフォントを数多く生み出してきました。

例えば、アニメ映画で有名な新海誠監督作品では「A1明朝」が多く使われています。他にも、広告から Web デザインまで幅広く活用されている「UD新ゴ」など、モリサワは数々の代表的なフォントを提供しています。

Wix で 200 種類のモリサワフォントが利用可能に

株式会社モリサワと Wix の新たな提携により、94 フォントファミリー、ウェイト別では 200 種類ものフォントが Wix に導入されることになりました。

前述のようなモリサワを代表するフォントの他、A1ゴシック、リュウミン、勘亭流など、日本市場で特に人気の高いフォントを含む多彩なラインナップが無料で利用できます。

このコラボレーションにより、Wix ユーザーの Web デザインの幅がさらに広がり、より豊かで洗練されたデザイン表現が可能になりました。

新たに導入されたモリサワフォントを 7 つのスタイル別に整理したフォントマップも、選ぶときのヒントにぜひご活用ください。


Wix で使えるモリサワフォントマップ

出典:モリサワ【公式】(Xより)


ビジネス用途からクリエイティブ制作まで、日本語タイポグラフィを活かした魅力的なサイト制作をはじめてみましょう。

\ノーコードで Web デザインを作成するなら Wix/


Wix エディタでモリサワフォントを使う方法

Wix でモリサワフォントを利用するには、以下の手順を参考にしてください。実際に Web サイト上での表示を確認しながら、デザインに最適な Web フォントを簡単に設定できます。

フォントの設定方法

  1. エディタを開く

    Wix アカウントにログインして作成中のサイトを選択します。

  2. テキストをクリック

    カスタマイズしたいテキストボックスをクリックします。

  3. フォントメニューを開く

    「フォント」オプションを選択すると、フォント一覧が表示されます。

  4. フォントを選択

    お気に入りのフォントの上をホバーすると瞬時にデザインプレビューに反映され、実際のデザインを確認しながらフォントを選択できます。



Wixエディタ画面。テキスト設定メニューで、モリサワフォントの翠流きら星を使用。

ホームページのフォントを一括変更する方法

  1. エディタを開く

    Wix アカウントにログインして作成中のサイトを選択します。

  2. サイトデザインメニューを開く

    Wix エディタの左メニューから「サイトデザイン」アイコンをクリックします。

Wixエディタ画面で、サイトテーマメニューからフォントを一括で変更する方法。左にサイトデザインメニュー、右にプレビューが表示

  1. テキストテーマを開く

    「テキストテーマ」の>を選択すると、見出しフォントと段落フォントのテーマが表示されます。お好みのフォントに設定しましょう。

  2. テキストテーマを変更をクリック

    フォントを選択したら、テキスト変更ボタンをクリックし、変更をホームページ全体に一括適用します。


Wix エディタ画面で、モリサワフォント「すずむし」と「さくらぎ蛍雪」のフォントを使ったテキストテーマの変更を適応するステップ。


プロが実践するフォント選びのコツとポイント

フォント選び方とおすすめのフォントについて、Wix のインハウスデザイナーは次のようにアドバイスしています。

「Web デザインでの書体の役割は、単なる読みやすさにとどまりません。ブランドイメージの構築やユーザーの視線誘導、情報の階層化などの重要な役割も担っています。フォント選びで大切なポイントは 5 つあります。 1.どのデバイスや解像度でも読みやすいこと。 2.企業イメージや業界にマッチした雰囲気を持つこと。 3.Regular、Bold、Light など、ウェイトの幅が広いこと。 4.フォントファイルサイズが小さく、表示パフォーマンスに優れていること。 5.和文・欧文が混在する際の字形バランスが調和していること。 これらを考慮した上で、特におすすめするモリサワの定番フォントは次の 3 つです。まず、どんな場面にも適した万能型の『新ゴ』、次にエレガントさが際立つ『リュウミン』、そして温かみとプロフェッショナルさを兼ね備えた『A1ゴシック』です。」ー Lingjie Yang、グラフィックデザイナー

フォントの選択にひと工夫加えるだけで、デザインの質は格段に向上します。上記のプロのテクニックを踏まえ、サイトにピッタリなフォントを選びましょう。

Wixで利用可能なおすすめモリサワフォントの紹介

Web サイトの雰囲気に合わせたフォント選びは訪問者の印象を大きく左右します。ここでは、今回 Wix エディタへの導入が開始された、94 種類のフォントファミリーと 200 種類のフォントの中から、特におすすめのフォントを紹介します。

01. 信頼感・安定感を与えるフォント

ビジネスサイトや公共性の高いサイトでは、信頼性や誠実さを感じさせる書体が適しています。明朝体やオーソドックスなゴシック体は堅実で真面目な印象を与え、企業の公式サイトや士業(弁護士や税理士など)のサイト、採用情報ページなどにぴったりです。以下のフォントは、とりわけ信頼感を演出しやすい定番書体です。

  • A1ゴシック 温かみのあるオールドスタイルのゴシック。A1明朝と一緒に使うゴシック体としてデザインされ、交差部分に墨だまり風の処理が施されたユニークな書体です。文字の角がほんの少し丸みを帯びたようなやさしさと、どっしりしすぎない落ち着きが魅力で、「親しみやすいのにきちんと感もある」雰囲気が出ます。地元企業のサイトや採用情報ページ、飲食店の紹介サイトなど、温もりを演出したい場合にぴったりです。

  • 新ゴ モリサワの定番ゴシック体。縦横の線幅がほぼ均一な落ち着いたデザインで、「パソコンのデフォルトのようなナレーター役」になるフォントです。

  • リュウミン モリサワを代表する明朝体で、端正なスタンダード書体。縦線は直線的でキリッとしつつも、止めやハネに柔らかさがあり、固すぎないバランスが特徴です。金融機関や医療機関のサイト、大学の案内ページ、会社の採用サイトなど、「真面目で丁寧」なイメージを伝えたい場合に最適です。

  • UD黎ミン ユニバーサルデザイン(UD)の明朝体。明朝体特有の横細、縦太コントラストを緩和し、スマホ表示などの小さい文字でも読みやすいよう工夫された書体です。字面(字の大きさ)とふところ(字の内側の空間)が大きく、誤読を防ぎつつも現代的な明るさを備えています。そのため「真面目、ビジネス、現代的」の印象を与え、硬めのビジネス用途におすすめです。Web では大企業の会社概要ページ、法務・士業サイトなど、信頼第一のコンテンツに適しています。

02. おしゃれ・スタイリッシュさを与えるフォント

ランディングページやスタートアップ企業のサイトでは、現代的でスタイリッシュな印象のフォントが人気です。直線的ですっきりしたデザインのゴシック体や、細めのウェイトを選ぶと洗練された雰囲気になります。ここではモダンでスマートな印象を与えるフォントを紹介します。

  • エコー 直線的で清潔感のあるデザイン書体。細めで長体の文字フォルムと丸みの少ない直線的なラインが特徴で、非常にスマートです。重心が高めでスタイリッシュな印象を与えるため、企業のサービス紹介ページの見出しなどにポイント使いすると効果的です。洗練された清潔感がありつつ汎用性も高いので、BtoB サイトやテクノロジー系のメディアサイトにもマッチします。

  • フォーク 明朝体とゴシック体の良いところを両取りしたようなユニークでバランスのあるデザイン。全体はゴシック寄りで視認性が高く、それでいて仮名文字にほんのり筆のニュアンスが残っているのが特徴です。真面目すぎず、砕けすぎず、「やわらかいのに都会的」という独特のバランス感に魅力があります。学校や病院、地元密着のサービスサイトなど、親近感と安心感を同時に出したいときに最適です。企業サイトであれば、フォントでほんの少し個性を足したいときにおすすめです。

  • UD新ゴ(AP版) ユニバーサルデザイン対応の新ゴ。文字の形状が分かりやすく、小サイズでも読み違えにくいよう濁点のサイズが調整されたモダンなゴシックです。字面が大きく明るい印象で、イメージワードは「ビジネス、フォーマル、現代的」。新ゴ本来の視認性の高さに加え、より現代的で洗練された雰囲気があります。コーポレートサイト、官公庁や学校のサイト、BtoB サービスの LP など、「かっちり信頼感」を出したい用途に向いています。

03. クリエイティブ・カジュアルなフォント

サービス業のサイトや採用ページ、地域コミュニティのホームページなどでは、親しみやすく柔らかい印象のフォントが効果的です。ここでは優しくカジュアルな雰囲気を演出できるフォントを紹介します。

  • UD新丸ゴ 定番「新ゴ」の親しみやすい丸ゴシック版。新ゴ由来の明るく洗練された雰囲気に加え、エッジの丸みがやさしいイメージをプラスした書体です。信頼感と親近感のバランスが良く、固すぎないのでどんな年代にも好まれます。食品や生活用品の EC サイト、学校や保育園ホームページ、社内報ページなど、優しさや温かみを出したい場面に向いています。

  • じゅん リズミカルなカーブを持つ丸ゴシック体。線の丸みが柔らかくフェミニンなイメージで、女性向けの雰囲気を表現するのに最適です。悩みを抱えてサイトに訪れた人に安心感を与えるなど、介護福祉サービスやクリニックのサイト、問い合わせフォームの案内文などに適しています。読みやすく、閲覧者に寄り添うデザイン作りに寄与します。

  • くろまめ 遊び心のあるかわいいデザイン書体。かな文字のふところ(字の内側の空間)も広くデザインされた、明るい雰囲気の書体です。読みやすさと個性が両立したデザインで、見ただけで楽しい気分にさせてくれます。趣味のブログやコミュニティサイト、ポップなお知らせ用 LP など、カジュアルな親しみやすさだけでなく遊び心も演出したい場合にうってつけです。

04. 伝統的・和風なフォント

和のテイストを求めるサイトでは、筆遣いのニュアンスを持った古典的なデザインの書体が活躍します。日本料理店や伝統工芸のサイトでは、文字から和の雰囲気を伝えることで世界観を強調できます。ここでは日本的で趣深い印象を与えるフォントを紹介します。

  • さくらぎ蛍雪 清朝体をベースに現代的アレンジを加えたフォント。美しいデザインで、丁寧かつ端正な表情を持っています。仮名文字のデザインに余白のゆとりがあり、画数の多い漢字も読みやすい設計です。着物レンタルの案内ページ、和風の結婚式場サイト、アクセサリー販売のネットショップサイトなどに使えば、伝統美と優しさを両立させた雰囲気を演出できます。

  • 解ミン 宙 明朝体の端正さに加え、ふくよかな肉付きと丸みのある筆画が特徴のフォント。レトロで優雅な印象を醸し出します。丸みのおかげで親しみやすさもあり、和雑貨や着物のオンラインストア、老舗旅館の紹介サイト、和風カフェのメニューページなど、伝統的で上品な雰囲気を出したい場面にぴったりです。

  • 勘亭流 江戸の歌舞伎看板に由来する太字の筆書体。極太でうねるような筆使いが特徴で、骨太で威勢のいい江戸情緒を表現したインパクトのある書体です。お祭りやイベントサイトのほか、演芸や寄席の案内サイトなどで使えば「和」を感じるにぎやかな演出ができます。

  • イカヅチ 大胆な筆致とかすれ効果が目を引く迫力のある書体。太く張りのある筆画に所々インクのかすれ風の装飾を施し、見る人に強烈なインパクトを与えるデザインです。まるで大声で何かを伝えるようなエネルギーがあり、スポーツチームの告知サイトや居酒屋のメニュー、学園祭サイトにも面白い効果を与えるでしょう。

日本語フォントでホームページを作成するならWix

モリサワフォントでサイトをより魅力的に進化させる準備はできましたか。早速新しいフォントを使い、訪問者に強いインパクトを与える Web デザインを実現してください。

今すぐ Wix で、お気に入りの日本語フォントでホームページ作成を始めましょう。

\ノーコードでホームページを作成するなら Wix/


WixのAIホームページビルダーで誰でもすばやくスムーズにAIでホームページ作成。

関連記事


監修提供

監修提供、株式会社モリサワ

株式会社モリサワ



この記事を書いた人

Wix 公式ブログ編集者、下瀬 美幸

下瀬 美幸(Miyuki Shimose)

Wix 公式ブログ編集者/ SEO エキスパート•ブログライター

ja03.png
bottom of page