Feather cloud サポート

キーワード検索

お知らせ

障害情報

Webフォントを使用する

日本語ウェブフォントやGoogle Fontsを使用することで、今までWEB上にデザインバナー(画像)として表示することしかできなかった「フォント」が使用できるようになります。

使用できる日本語ウェブフォントの一覧は「TYPE利用可能フォント:全316書体」から確認できます。

Google Fontsは2015年9月現在、Google Fontsは703書体利用可能です。Googleの仕様変更により、書体数は変更される可能性があります。

サイトエディタでウェブフォントの初期設定を行う

画面右上部の〈ウェブフォント〉アイコンをクリックします。
03-04-005_01_c1.png
エディタモードの段落スタイルにある〈タイトル〉や〈大見出し〉などにウェブフォントが設定できます[1]。
どのテキストでも選択可能な〈ウェブフォント1〜10〉を設定できます[2]。
[1]、[2]の項目のいずれかをクリックすると、TYPEが起動します。
03-04-005_02_c1.png

TYPEで使用するウェブフォントを選択する

選択している段落スタイルに対して、どのウェブフォントを指定するかを選択します。
左の〈日本語フォント〉または〈Google Fonts〉からフォントのタイプを選んだり[1]、上部の〈太さ〉を選んで[2]、フォントを絞り込むことが可能です。
0304005fc-03.png
表示されたウェブフォント一覧より、使用するフォントを選択して適用します[1]。
〈試し書き〉に文字を入力して、フォントのイメージを確認できます。
0304005fc-04.png
1サイトにつき20書体まで登録可能 /最大316書体まで利用可能 となります。

選択したウェブフォントの確認

認証後、サイトエディタに戻ると、選択したウェブフォント名が表示されます。
ここでは下記のフォントを設定しました。
・タイトル「ロダンひまわり Pro M」
・大見出し「ランバートTL Std EB」
・ウェブフォント1「マカロニ Std DB」
03-04-005_05_c1.png
スマートモードの場合
フォントを設定するテキストを選択し、〈フォント〉アイコンをクリックして〈ウェブフォント1〉から〈ウェブフォント10〉に設定したフォントを選択します。
03-04-005_06_c1.png
〈ウェブフォント1〉に設定した、「マカロニ Std DB」が反映されました。
03-04-005_07_c1.png
エディタモードの場合
エディタモードでは、左上の「段落のスタイル」から〈タイトル〉や〈大見出し〉などを選択します。
03-04-005_08_c1.png
また、スマートモード同様、上部の〈フォント〉アイコンよりあらかじめ手順1〜3で登録したウェブフォントも選択可能です。
03-04-005_09_c1.png
あらかじめタイトルに設定した「ロダンひまわり Pro M」、大見出しに設定した「ランバートTL Std EB」が反映されました。

ウェブフォント設定前
03-04-005_10_c1.png
ウェブフォント設定後
03-04-005_11_c1.png

公開後の閲覧について

サイトがアップロードされた後、ウェブフォントがサイトに反映されるまでには、一定時間(15分~30分)かかります。




Copyright(C)BIGLOBE Inc. 1996-2016