さくらのレンタルサーバ

モリサワWebフォント

無料Webフォントで
サイトを美しく

Webフォントなら、文字の読みやすさを維持しつつ、
デザインに優れたフォントでイメージ通りのサイトが作成できます。

サイトの印象を伝える
Webフォント

Webフォントとは?

Webフォントを利用すると、画像化する事なくサイトのフォントを明朝体やデザイン書体に変更する事ができます。言葉と書体の組み合わせによって印象の変化が感じられます。 フォントはサーバーから呼び出して表示しているので閲覧者の環境に依存せず表示でき、CSSと組み合わせればデザイン表現も柔軟に行えます。

※さくらのレンタルサーバ スタンダードプラン以上が対象です。詳しくはこちら

令和
「リュウミン R-KL」による表示
平成
「丸フォーク R」による表示
昭和
「シネマレター」による表示
明治
「隷書101」による表示

日本語もWebフォントで!モリサワの人気書体が利用できます

株式会社モリサワの提供するWebフォントサービス「TypeSquare」から30書体がWebサイトに無料でご利用いただけます。

TypeSquare 公式サイトへ

様々なWebデザインに
マッチする30書体

フォント一覧

サンプルテキストの書体を変えるには、
フォント名をクリックしてください。

あのイーハトーヴォの
すきとおった風
フォント名

    CSSと組合せた表現例

    • 明朝体に文字の影を
      Cascating Style Sheets
      で表現

      明朝体に影をつけて、見出し風を表現

      使用書体:A1明朝

    • インパクトのある
      ゴシック体
      DESIGN
      with CSS

      インパクトあるゴシック体の表現

      使用書体:ゴシックMB101 B

    • ISOMETRIC TEXT
      Here's a reworking of my original CSS3 Isometric Text demo, this version improves on the first attempt by using the CSS :after selector to duplicate the title to create the shadow - in fact the title IS the shadow & the Isometric lettering is the :after content. &CSS3 Isometric Text Effect created by Duncan Midwinter

      立体・奥行き感のある表現

      使用書体:ナウ-GM

    Webフォントの特長

    知っておきたい

    デザイン性とSEOの効果

    デザイン性を保ちながらテキスト化しておく事で、SEO対策や更新性の高さはもちろん、自動翻訳や音声読み上げにも対応したサイトが作成できます。また、日本語フォントに対応していることもモリサワWebフォントを選択するメリットです。

    必要最低限のデータ量で表示速度の改善

    表示の遅さがWebフォントのデメリットとされていましたが、現在では解消されています。さくらのレンタルサーバではTypeSquareから必要なフォントデータを配信する機能を搭載。必要最低限のデータ量で、高速にWebフォントを利用できます。

    Webフォントの特長図

    ご利用方法

    WordPressのプラグインを利用する

    タイトル、リード、本文、太字にそれぞれフォントを割り当てる事ができます。また、プリセットもいくつかご用意しているのでCSSが苦手な方やはじめてWebフォントをお使いいただく方にオススメです。

    CSSに記述する

    font-familyでフォントを指定する方法です。サイトデザインに合わせた、柔軟な表現が可能です。CSSに理解のある方やデザインにこだわりたい方にオススメです。

    仕様について

    ご利用料金 無料
    対象ドメイン 3ドメイン
    利用可能
    フォント
    30書体
    利用可能PV 月間75,000PVまで
    対象プラン
    • 「さくらのレンタルサーバ」スタンダードプラン以上(メールボックス、ライトプラン除く)
    • 「さくらのマネージドサーバ」

    ※独自ドメインにも設定いただけます

    まだレンタルサーバをご利用でない方

    すでにレンタルサーバをご利用中の方

    よくある質問

    モリサワフォントやTypeSquareとは何ですか?
    株式会社モリサワが提供する、フォント製品です。Web、紙、TVなど媒体問わず広く利用されています。TypeSquareとは、モリサワフォントのクラウドフォントサービスです。
    Webフォントのメリットは何ですか?
    画像化する場合と比較して、文字変更が容易にでき、サイズ変更に強いのでレスポンシブデザインとの親和性が高い事が特徴です。
    月間の利用可能PV数を超えるとどうなりますか?
    Webフォントの表示はされず、デフォルトのフォントで表示されます。料金は発生致しません。月間ページビュー数は、コントロールパネルでご確認いただけます。
    月間の利用可能PV数や利用可能フォントの種類を変更する事はできますか?
    申し訳ありませんが対応しておりません。

    さくらのレンタルサーバの詳しい使い方は、サポートサイトをご確認ください。