elbaz【図入り】エックスサーバーのwebフォント設定方法!5分で簡単設定!ツイートシェアはてブLINEPocketこんにちは!エルバスです。先日、エックスサーバーが提供する、『モリサワのWebフォントが無料で使える「Webフォント」機能のバージョンアップのお知らせ』が届きました。webフォントは以前から気になっていましたが、導入していなかったのでこれをきっかけに使ってみる事にしました!作業はとても簡単で、5分も掛からず設定できます。設定方法をまとめたので、エックスサーバーのwebフォントを試してみようかなと思われている方は是非参考にしてください。まとめwebフォントって何?webフォントを使用しない場合、サイト運営者側と閲覧者側のフォントが異なる場合があります。理由は、閲覧者の端末で使われているフォントが、閲覧者側の端末でインストールされていない為です。その場合、自動的に閲覧者側の端末で使われているフォントに変換され、サイト運営者が予期していないデザインになってしまいます。フォントによってサイトイメージは大きく変わるので、サイト運営者にとっては大きな問題です。webフォントはその問題をクリアする為に、サーバー上にある共通フォント使用し、どの端末からも同じデザインで見えるようにする機能です。無料で使えるエックスサーバーのwebフォント現在、モリサワが提供している『TypeSquare』のwebフォントをエックスサーバー利用者であれば”無料”で使用可能です。「TypeSquare」で提供されているWebフォントのうち、30書体まで)直接導入する場合、TypeSquareにも無料プランもありますが、月1万pvまでのサイトでしか使えません。エックスサーバーにも上限はありますが、月間最大で2万5千pvまで”無料”で使用可能です。その上設定がとても簡単なので、エックスサーバーを使用している方にとっては非常にありがたいサービスです。webフォントの無料プランは一つのドメインでしか使えません。今回のバージョンアップについて以前からエックスサーバーは、無料で使えるwebフォントサービスを行っていました。エックスサーバーサービスを使ってwebフォントの設定をしてみたいと思います!※画像が見づらい場合は、画像をクリックしてください。サーバーパネルにログイン後、『webフォント』をクリック。次に、『webフォント』を設定する『ドメインを選択』します。エックスサーバーのwebフォントサービスは、一つのドメインしか使えません。他のドメインで使いたい場合は、一度設定したドメインを削除【解除】してから、新規ドメインを設定し直す必要があります。サーバーパネルでの作業はこれだけです。エックスサーバー」をインストール&有効化します。エックスサーバー」インストール(コピペしてください)インストール後、有効化します。有効化すると管理画面左側に設定画面が表示されます。1をクリックし、2でフォントテーマを選択します。最後に、『フォントテーマを更新する』をクリックして設定は以上です。次の項目で実際にどんなフォントなのか見ていきましょう。上図のwebフォント30種類を組み合わせて、自由に組み合わせる事も出来ます。エックスサーバーが推奨しているフォントテーマを選択する方が、非常に簡単なのでお勧めです。他にもフォントテーマがあるので、実際にご自身でサイトにあったテーマを見つけてみて下さい。記事ごとにフォントを設定する事も可能です。日本語フォントは文字数が多くファイルサイズが大きいため表示速度が遅いと言われていますが、「TypeSquare」で提供されるWebフォントサービスは必要な文字ファイルだけ読み込んで表示させる仕組みになっているため、スピーディに表示させることが可能です。エックスサーバー内で説明があるので、心配はいりません。insights』で計測してみましたが、何の問題もありませんでした。Link関連記事ブログノウハウwebフォントこの記事が気に入ったらいいねしよう!最新記事をお届けします。ツイートシェアはてブLINEPocketfeedly当サイトで使用中のテーマ【STORK】シンプルで使いやすく、カスタマイズも簡単に出来るオススメのテーマです。このサイトを見て、『イイな』と思った方は、下記のボタンから詳細をご確認ください♪テーマの詳細へ当サイトで使用中の画像【Shutterstock】4,000万枚の素材から自由に選べるので、画像選びが楽になり、作業効率もアップします。他サイトと差別化する為にも、オリジナリティを出せる有料画像はとてもおすすめです。当サイト内の画像が気になる方は下記ボタンから詳細をご確認ください。コメントをキャンセルメールアドレスが公開されることはありません。イフからエアミスト登場!使い勝手抜群のお勧めフレグランス!RECOMMENDこちらの記事も人気です。BALANCEをこよなく愛する男。日々の実体験をもとにブログを書いています。BALANCEがトレードマーク。『本業×副業』で生きています。BALANCEをこよなく愛する男。日々の実体験をもとにブログを書いています。BALANCEがトレードマーク。121.8k件のビューマルプーが可愛くないと言われる理由。82.7k件のビューニューバランス990がダサいと言われる理由。BALANCEをこよなく愛する男。日々の実体験をもとにブログを書いています。BALANCEがトレードマーク。Reserved.Translate。