Tumblrでボディテキストのフォントを変更する方法

Tumblrのカスタマイズページを使って、タイトル、説明、リンクなど、ブログに基本的な変更を加えることができます。 このページではフォントの色をカスタマイズできますが、フォントファミリまたはフォントサイズをカスタマイズすることはできません。 幸い、カスタマイズページにあるTumblrのHTMLエディタを使って、ブログの本文にあるフォントを変更することができます。

1。

Tumblrのカスタマイズページに行き、あなたのTumblrアカウントにログインしてください(参考文献のリンクを見てください)。

2。

[HTMLの編集]ボタンをクリックしてください。 Tumblrブログのテーマのコードを含むHTMLエディタが表示されます。

3。

[Ctrl] - [F]を押して検索ツールを開き、[検索]の横のフィールドに「font-family」と入力します(引用符は含みません)。 HTMLコード内のテキストを検索するには、[OK]をクリックします。 body {タグ内のコードのセクションが見つかるまで、「font-family」の追加の結果を検索し続けるために、このプロセスを繰り返します。

4。

"font-family"の後のフォントを、ブログの本文に使用するフォントに置き換えます。 Webブラウザの互換性を最適化するために、少なくとも2つのフォントをカンマで区切って含めることをお勧めします。 たとえば、フォント名を一重引用符で囲んで 'Courier New'を 'Arial'、 'Times New Roman'に置き換えます。 非標準のWebフォントを使用するには、そのCSSスタイルシートをテーマのヘッダーに添付する必要があります(ヒントを参照)。

5。

"font-size:"の後の値を、ピクセルで表されるフォントサイズとそれに続くセミコロンで置き換えます。 たとえば、「font-size:12px;」と入力します。 (引用符なしで)。

6。

テーマのプレビューにフォントが正しく表示されることを確認するには、[プレビューの更新]ボタンをクリックします。

7。

あなたのTumblrブログのテーマにこれらの変更を保存するために "保存"ボタンをクリックしてください。

ヒント

  • サードパーティのWebフォントを使用するには、フォントのCSSをテーマに添付するコードブロックを追加する必要があります。 フォントのWebサイトからコードをコピーして、スタイルシートのHTMLコードをブログのタグの内側に貼り付けます。 スタイルシートをリンクしたら、テーマのフォントを使用できます。
  • ブログに不要な変更を加えた場合、または古いテーマを復元したい場合は、Tumblr Recover Custom Themeページにアクセスしてください(「参考文献」のリンクを参照)。 [バックアップの表示]ボタンをクリックしてから、テーマのバックアップの1つに関連付けられている[元に戻す]ボタンをクリックします。

警告

  • テーマのHTMLコードを編集するときはいつでも注意してください。編集すると、ブログの外観が不必要に変更される可能性があります。

人気の投稿