エックスサーバーの無料webフォント”モリサワ”でライバルと10倍差を付けよう‼

これは結構知らない方が多いみたいで、せっかくエックスサーバ契約しているのにもったいない事をしています！！

設定はとても簡単なので、初心者でも設定できます。
解説していきます！

エックスサーバー

エックスサーバーで無料webフォント”モリサワ”でライバルと10倍差を付けよう‼

好きな文字が無い場合、Photoshopなどで制作して画像化された文字を使用する方法もありますが、これは検索エンジンが認識できないので、画像に「alt属性」の設定を行う必要があります。

しかし、webフォントは画像を使う事なく通常のテキストと同じのため、検索エンジンに認識されやすいため、SEOにも有利に働くという利点があります。

エックスサーバーのwebフォント機能を使う事で、簡単に美しく見栄えの良いサイトを制作する事が可能になるのです。
また「モリサワ」が提供する「TypeSquare」から33書体のwebフォントを利用する事ができます。

webフォントとは

通常は、Webサイトで使用されている文字はそれぞれの端末にインストールされている文字を呼び出して表示させるのが基本です。
なので、制作側とユーザーでは違う文字で見ている可能性もあるという事です。

その様な現象が起こらないように開発されたのが「webフォント」なのです。

Webフォントは通常のテキストを画像加工したようにキレイな文字で表示させる事が出来るのです。
なので、端末にフォントデータがインストールされていなくても、ユーザーも同じフォントで閲覧する事が可能になるのです。

webフォントのメリット

スマホからも見やすい

画像を用いるとスマホで表示させた場合ぼやける事がありますが、webフォントならはっきり表示させる事ができます。

手軽に見栄えよく見せる事ができる

自身のWebサイトに簡単な設定を行うだけで、キレイな文字を表示する事が可能です。

修正も可能

画像であれば基本、画像編集ソフトで修正をしてから、再度サーバーにアップロードするという二度手間ですが、テキストを修正するだけで完結します。

表示速度もスピーディー

Webフォントを使用するとファイルサイズが大きくなり表示速度が遅くなると言われていますが、モリサワの「TypeSquare」で提供されているwebフォントはスピーディーに表示させることが可能です。

　Xサーバーで使えるモリサワフォント　書体見本一覧はこちら

webフォント「モリサワ」について

Webデザイン業界でモリサワを知らない人はいないというくらい有名なフォントですね。
大手は年間契約で、モリサワフォントを使用しているところが多いです。

その「モリサワ」フォントについて聞いた事ないという方に解説したいと思います。

「モリサワ」は90年以上続く歴史ある会社で、大手ブランドでもモリサワの書体が使われているなど実績が数多くあります。
2012年に紙媒体だけでなく、webサイトにも展開を始めフォントサービス「TypeSquare」の提供を開始したのです。

　「モリサワ」公式サイト

料金について

モリサワと個人的に契約すると年間44,820円（税別）が必要になってきます。
モリサワの全フォントが使用できるのは大きな魅力ですね。

エックスサーバーの無料フォント33書体ではちょっとイメージが違うなと思う方はこちらも検討してみて下さい。
とは言え、個人でこの年間費は少し厳しいのも現実です・・・

エックスサーバーでwebフォント「モリサワ」を設定する方法

では「モリサワ」のwebフォントの魅力を理解したところで早速自分のサイトでも使えるように設定していきましょう。
設定は3ステップで完結です。

Step1.webフォントを使うサイトを設定する

１．エックスサーバーの「サーバーパネル」にログインして「Webフォント設定」をクリックします。

２．サイトを選択する
①「Webフォント設定の追加」クリック
②サイトをプルダウンメニューから選択する
③「設定する」をクリック

④「Webフォント設定が完了しました。」と表示されたらOK

Step2.Wordpressにログインして「TypeSquare Webfonts for エックスサーバー」を有効化

＊先に「Wordpress簡単インストール」しておく必要がありますので、まだの方はこちらから
①Wordpressサイドメニューの「プラグイン」をクリック
②検索窓で「TypeSquare Webfonts for エックスサーバー」を検索する
③「TypeSquare Webfonts for エックスサーバー」を有効化する

Step3.フォントテーマを決める

①Wordpressサイドメニューの「TypeSquare Webfonts」をクリック
②「フォントテーマ」をプルダウンしてフォントを選ぶ
　Xサーバーで使えるモリサワフォント　書体見本一覧はこちら
③「フォントテーマを更新する」をクリック

フォント例

webフォントの適応を解除する方法

Webフォントをやはり使わないようにしたいという場合に解除の方法も説明しておきます。
設定の逆を行うので、これも簡単に行う事ができます。
念のため覚えておきましょう！
１．プラグイン「「TypeSquare Webfonts for エックスサーバー」を無効化にする
２．サーバーパネル→webフォント設定でドメインの登録解除をする

この2ステップで解除されるので、解除後は確認して下さい。

Xサーバーで「モリサワ」フォントを使う条件

エックスサーバー契約で「モリサワ」フォントを使えるのですが、いくつかだけ条件はあります。

ここだけ注意しておいて下さい。

エックスサーバーで無料webフォント”モリサワ”でライバルと10倍差を付けよう‼まとめ

webフォントとは？

通常のテキストを画像加工したようにキレイな文字で表示させる事が出来るフォントの事。

webフォント「モリサワ」について

信頼と実績のある会社で、今や知らない人はいない程の有名なフォント。
それでもWeb業界の参入は20120年からと割と最近ではあるが、既に多くの会社で使用されている。
年間契約すると44,820円（税別）が必要です。

エックスサーバーでwebフォント「モリサワ」を設定する方法

この3ステップで完結です。

Webフォントを使用しているサイトは少ないですが、他社との差別化を図る意味でも使用する事をおすすめします。

無料で使えるフォントは33書体あるので、何パターンも見て確認して、自分のサイトイメージに合うフォント選びをして下さい。
　Xサーバーで使えるモリサワフォント　書体見本一覧はこちら

＼最後まで読んで頂きありがとうございました／