Tumblrの投稿やテーマのフォントをカスタマイズしたいですか?Tumblrのテーマごとに編集できるフォントオプションは異なり、テーマによっては他のテーマよりもカスタマイズオプションが豊富なものもあります。お気に入りのテーマで利用できるフォントオプションが気に入らない場合、テーマを変更するか、HTMLコードを編集してお気に入りのフォントをブログに追加することができます。このWikiHowでは、Tumblrブログとテーマのフォントを変更する2つの簡単な方法をご紹介します。
テーマオプションを使う
-
Tumblrのアカウントアイコンをクリックします。Tumblrの右上にある人の輪郭です。メニューが展開します。
-
ブログ名の下にある「外観を編集」をクリックします。アカウントメニューに表示されます。
- このアカウントに複数のブログを接続している場合は、まずメニューのブログ名をクリックします。次に、アカウント・アイコンをもう一度クリックすると、そのブログの「外観を編集」を選択できるようになります。
-
テーマの編集」をクリックします。左のパネルの "ウェブサイトのテーマ "の隣にあります。ブログのテーマで変更できるオプションはすべてここに表示されます。
-
テーマのフォントオプションを見つけます。左のパネルにテーマのフォントオプションが表示されるまで下にスクロールします。ここで変更できるフォントオプションは、使用しているテーマによって異なります。
- 例えば、テーマによっては、フォントのサイズとタイプに別々のエリアがあります。また、「本文」のフォントを変更できるものもあります。
- 使用しているテーマに十分なフォントオプションがない場合は、ページ左上の「テーマを参照」をクリックして、テーマを参照し、 をクリックします。
-
新しいフォント設定を選択します。これで、左側のパネルのフォント・オプションを変更できるようになります。
- あなたのテーマにフォント名のドロップダウンメニューがない場合は、フィールドにフォントの名前をリストすることができます。Tumblrで安全に使用できるフォントの完全なリストについては、.
- テーマのフォントオプションが気に入らないが、別のテーマを選択したくない場合は、フォントを追加してカスタマイズすることができます。
-
保存をクリックする。左のパネルの一番上に表示されます。これでフォントの変更が反映されました。
HTMLを編集する
-
Tumblrのアカウントアイコンをクリックします。Tumblrの右上にある人の輪郭です。メニューが展開します。
- この方法では、Tumblrテーマのコードをカスタマイズして、テーマエディターでは変更できないフォントを追加・編集する方法を紹介します。
- この方法を使うには、HTMLとCSSの基本的な知識が必要です。
-
ブログ名の下にある「外観を編集」をクリックする。アカウントメニューに表示されます。
- このアカウントに複数のブログを接続している場合は、まずメニューのブログ名をクリックします。次に、アカウント・アイコンをもう一度クリックすると、そのブログの「外観を編集」を選択できるようになります。
-
テーマの編集」をクリックします。左のパネルの "ウェブサイトのテーマ "の隣にあります。ブログのテーマで変更できるオプションはすべてここに表示されます。
-
HTMLの編集をクリックします。これは左メニューの一番上、テーマのタイトルの下にあります。
-
Cmd+F (Mac) または Ctrl+F (PC)を押します。検索ツールが開きます。
-
検索バーに font と入力します。これで、HTMLエディタ内に "font "と書かれた箇所がすべて表示されるはずです。
-
それぞれの "font "セクションを調べ、新しいフォント名を入力します。Georgia、Helvetica、Arialなど、フォント名について言及している "Font "のすべてのインスタンスを探します。フォント名が表示されたら、このページに表示されているフォントのどれかと入れ替えることができます:.
- また、TumblrでGoogle Fontsを使うこともできる。.NETにアクセスするだけです。気に入ったフォントをクリックし、右下の「ウェブで使用」エリアにあるコードをハイライトし、Cmd + C(Mac)またはCtrl + C(PC)を押してコピーします。 その後、テーマのHTMLコードに戻り、<!DOCTYPE html PUBLIC>の後にコピーしたコードをCmd + V(Mac)またはCtrl + V(PC)を押して貼り付けます。
- Googleフォントを追加する場合は、CSSの「font family」プロパティを使ってフォントを指定する必要があります。例えば、Source Sans Proというフォントを使う場合、font-family: 'Source Sans Pro', sans-serif;と指定します。
- font-family」または「font」セクションは複数あるかもしれません。font-family "または "font "と書かれている部分の上にあるヘッダーを見れば、どのセクションがテーマのどの場所に関連しているかがわかります。例えば、ヘッダー1のフォントに対応する "h1 "というラベルがあるかもしれません。
-
更新プレビューをクリックします。これは、左のパネルの上隅にある緑色のボタンです。正しく操作できていれば、フォントが変更されているはずです。
-
保存をクリックします。結果に満足したら、右上の青いボタンをクリックします。変更したフォントが保存されます。
-
戻る矢印をクリックし、[保存]をクリックします。左側のサイドバーメニューの一番上にあります。 これですべての変更が保存されます。
-
終了をクリックします。 サイドバーメニューの左上にあります。 これでアカウント設定メニューに戻ります。
コメント
最新を表示する
NG表示方式
NGID一覧