THE THOE(ザ・トール)で手書き風の文字を使いたい時ありますよね?
そらはありました(笑)
この記事ではレンタルサーバーXサーバーと契約したら使用できるWEBフォントの紹介と、THE THOE(ザ・トール)での使用手順の紹介します。
レンタルサーバーXサーバーのWEBフォントの中には嬉しいことに、無料で使える手書き風フォントが複数あります。
自分でフォントをインストールするわけではないので、簡単に出来ちゃいます(^^♪
- 1 XサーバーのWEBフォント使用限度PV数が決まってる?!
- 2 XサーバーのWEBフォントの紹介
- 2.1 リュウミン R-KL / Ryumin Regular KL
- 2.2 リュウミン B-KL / Ryumin Bold KL
- 2.3 黎ミン M / Reimin Medium
- 2.4 A1明朝 / A1 Mincho
- 2.5 しまなみ / Shimanami
- 2.6 新ゴ R / Shin Go Regular
- 2.7 新ゴ B / Shin Go Bold
- 2.8 ゴシックMB101 B / Gothic MB101
- 2.9 見出しゴMB31 / Midashi Go MB31
- 2.10 中ゴシックBBB / Gothic Medium BBB
- 2.11 じゅん 201 / Jun 201
- 2.12 じゅん 501 / Jun 501
- 2.13 新丸ゴ R / Shin Maru Go Regular
- 2.14 秀英にじみ丸ゴシック B / Shuei NijimiMGo B
- 2.15 丸フォーク M / Maru Folk Medium
- 2.16 フォーク M / Folk Medium
- 2.17 シネマレター / Cinema Letter
- 2.18 はるひ学園 / Haruhi Gakuen
- 2.19 G2サンセリフ-B / GSanSerif-B
- 2.20 那欽 / Nachin
- 2.21 竹 B / Take Bold
- 2.22 新ゴ シャドウ / Shin Go Shadow
- 2.23 ぶらっしゅ / Brush-U
- 2.24 トーキング / Talking
- 2.25 すずむし / Suzumushi
- 2.26 教科書ICA M / Kyoukasho ICA Medium
- 2.27 陸隷 / Likurei
- 2.28 TB古印体 / Kointai-M
- 2.29 さくらぎ蛍雪 / SakuraKeisetsu
- 2.30 TBUDゴシック R / TBUDGothic R
- 2.31 TBUDゴシック E / TBUDGothic E
- 2.32 UD新ゴ コンデンス90 L / UD Shin Go Conde90 L
- 2.33
- 2.34 UD新ゴ コンデンス90 M / UD Shin Go Conde90 M
- 3 Xサーバー側のWEBフォントの設定方法
- 4 THE THOR(ザ・トール)側のWEBフォントの設定方法
- 5 Xサーバー【THE THOR】手書き風日本語WEBフォント簡単に使用♪ まとめ
XサーバーのWEBフォント使用限度PV数が決まってる?!
本機能のご利用に関して
- 33書体を月間7.5万PVまでご利用いただけます。
また、月間7.5万PVを超える場合、Webフォントの適用は外れますが、ブラウザ標準でのフォント表示に戻る為、表示内容に影響はありません。
参照元:Xサーバーマニュアル
使用限度のPV数はConoHaWINGもXサーバーもおなじですね(;^_^A
XサーバーのWEBフォントの紹介
Xサーバーは、日本語と英字の両方が使用できます。
リュウミン R-KL / Ryumin Regular KL
リュウミン B-KL / Ryumin Bold KL
黎ミン M / Reimin Medium
A1明朝 / A1 Mincho
しまなみ / Shimanami
新ゴ R / Shin Go Regular
新ゴ B / Shin Go Bold
ゴシックMB101 B / Gothic MB101
見出しゴMB31 / Midashi Go MB31
中ゴシックBBB / Gothic Medium BBB
じゅん 201 / Jun 201
じゅん 501 / Jun 501
新丸ゴ R / Shin Maru Go Regular
秀英にじみ丸ゴシック B / Shuei NijimiMGo B
丸フォーク M / Maru Folk Medium
フォーク M / Folk Medium
シネマレター / Cinema Letter
はるひ学園 / Haruhi Gakuen
G2サンセリフ-B / GSanSerif-B
那欽 / Nachin
竹 B / Take Bold
新ゴ シャドウ / Shin Go Shadow
ぶらっしゅ / Brush-U
トーキング / Talking
すずむし / Suzumushi
教科書ICA M / Kyoukasho ICA Medium
陸隷 / Likurei
TB古印体 / Kointai-M
さくらぎ蛍雪 / SakuraKeisetsu
TBUDゴシック R / TBUDGothic R
TBUDゴシック E / TBUDGothic E
UD新ゴ コンデンス90 L / UD Shin Go Conde90 L
UD新ゴ コンデンス90 M / UD Shin Go Conde90 M
Xサーバー側のWEBフォントの設定方法
ここからは、Xサーバー側でのWEBフォントを使用するための手順になります。
Xサーバーの「サーバー管理」で設定
ドメイン選択画面が表示されますので、設定したいドメインの横にある「選択する」をクリックしてください。
Webフォントを使用するドメインを選択
THE THOR(ザ・トール)側のWEBフォントの設定方法
ここからは、ConoHa WINGのWEBフォントの使用法で紹介した方法と同じになります( ̄▽ ̄;)
「外観」→「カスタマイズ」→「基本設定」→「高度な設定」の順にクリックしてください。
下の文をコピペしてください。
1 |
1 |
<script type="text/javascript" src="//webfonts.xserver.jp/js/xserver.js"></script> |
1 |
フォントファミリーボックスで選択する
WEBフォントを使用したい文字をドラックして選択した状態で、フォントファミリーボックスの▼をクリックします。
どのフォントを選択してもかまいません。
ここでは例として「Lato」を選択したものとします。
「Lato」→「はるひ学園」のフォントに変更していきましょう(^^♪
フォント名を「はるひ学園」に変更する
「テキスト」タブをクリックして、上記の文を探してください。
変更したら、「プレビュー」で確認して下さい。
Xサーバー【THE THOR】手書き風日本語WEBフォント簡単に使用♪ まとめ
レンタルサーバーによって用意されているWEBフォントがちがいます。
レンタルサーバーのお引越しをかんがえて使用するWEBフォントを選択した方がいいかもしれませんね。
Xサーバーと契約している方で、THE THOR(ザ・トール)で手書き風文字を使用したい方はXサーバーで用意してあるWEBフォントを使用することをオススメします!
ランキングに参加しているのでバナーをクリックしていただけると嬉しいです♪
私が無料で登録している2つのアフェリエイトの会社です。
どちらもメリットがあるので、アフェリエイトに興味があるなら登録をお勧めします。
私が個人でAmazonアソシエイトに応募して落ちましたが、「もしもアフェリエイト」を通して申請したら合格しました。
物販のアフェリエイトに興味がある方は、アソシエイトに応募と同時に(保険として)もしもからも申請することをお勧めします♪
A8.netは広告主数・登録サイト数共に日本最大級のアフィリエイトサービスプロバイダーです。
ここもおすすめ♪アフェリエイトの会社によって、扱っている商品は違ったり、又、同じ商品でも成約金額が違う場合があるので複数の登録をお勧めします(^^)/