よくある質問 faq

よくある質問一覧

よくある質問 > ホームページ全般 > Webフォント
  • Webフォントとは何ですか?
  • Webフォントとは、サーバー上にあるWebフォントファイルを参照し、どの端末からホームページを見ても同じ文字デザインを表示することができる機能です。

    通常、サイトに文字を表示する場合は、端末にインストールされているフォントを呼び出すため、端末の種類によって見え方が違う場合があります。

    一方、Webフォントは、指定したフォントをどの端末でも表示することができるので、安定したデザインを閲覧者に提供することができます。

    また、Webサイトでの利用を前提とされているので、識字性に優れ、自動翻訳や音声読み上げにも連携しやすいメリットがあります。

  • 指定したWebフォントが表示されません。
  • 次のことをご確認ください。
    • TypeSquareに対応するブラウザですか?
    • 該当サイトのURLのドメインは、利用設定が行われていますか?
    • 該当ページのhtmlファイルに、専用タグが記述されていますか?
    • 専用タグがヘッダ内に記述されていますか?
    • 専用タグを含む、ヘッダがきちんと閉じるよう記述されていますか?
    • 書体を指定しているCSS上で、font-familyを使って書体が指定されていますか?
    • 書体名が正しく指定されていますか?
    • 書体名を指定するfont-familyが正しく記述されていますか?

    各項目をご確認いただいても問題が解決しない場合、サポートにお問い合わせください。

  • 文字が正しく表示されず、文字化けのような現象が起きているのですが…
  • 文字が正しく表示されない場合、次のことをご確認ください。
    • 異なるブラウザやバージョンでもご確認ください。
    • 閲覧するWebブラウザで正しいエンコーディングを設定してください。
    • 書体によって表示できる文字種が異なります。その場合、別の書体に置き換えてください。
    • 機種依存文字(例:数字が丸で囲まれたもの)は、閲覧環境によっては表示されません。
    • ノーブレークスペース(NBSP)などの特殊文字は他の文字に置き換わることがあります。

    問題が解決しない場合、サポートまでお問い合わせください。その際、現象と表示されない環境を詳しくご記入ください。

  • Webフォントの設定を解除したのですが適用されたままです。
  • ご利用状況に合わせて、下記をご参照ください。
    ■WordPressプラグインでご利用の場合

    プラグイン「TypeSquare Webfonts for エックスサーバー」が有効な状態になっている可能性があります。
    プラグインを無効にした後、Webフォントの適用が外れているか確認してください。

    ■HTML記述形式でご利用の場合

    Webフォントを設定していたサイトのコード内に下記のJavaScriptファイルが読み込まれたままになっている可能性があります。

    <script type="text/javascript" src="//webfonts.xserver.jp/js/xserver.js"></script>

    上記のJavaScriptファイルの記述を削除した後、Webフォントの適用が外れているか確認してください。

  • 対応するWebブラウザを教えてください。
  • TypeSquareを使ったWebフォントの表示をサポートしているWebブラウザは以下の通りです。
    ■Windows/Mac環境
    • Internet Explorer 11以降
    • Safari 5.0以降
    • Firefox 5.0以降
    • Chrome 10.0以降
    • Microsoft Edge
    ■Windows/Mac環境
    • iOS 9以降
    • Android 4.4以降のChrome

    ※AndroidのChromeの対応は、最新版を含め、過去3メジャーバージョンまでサポートいたします。

    ※同じブラウザでも、OSやプラットフォーム、閲覧環境の違いにより書体の見え方に違いが生じることがあります。

    ※JavaScript等のスクリプト言語で直接に文字コードを指定した書き込み処理を行った場合、ブラウザの種別やバージョンにより正しく表示できない場合があります。

    ※上記ブラウザは、日本語環境でのみ確認した内容です。日本語環境以外の場合は正しく表示できない場合があります。

    ※ブラウザの対応状況は、現在の正確な状況とは異なる可能性がありますので、詳細は提供元のサイトをご確認ください。