おしゃれなフォントをマネしよう!

f:id:minihoto:20180706194544j:plain

 

ブログやサイトを見ていて、

「このブログの文字読みやすいな」

「この文字マネしたいな」

と思う時ありますよね。

 

そんな時にどんなフォントが使われているか

簡単に調べる方法があるんです。

 

はてなブログのデザインを選ぶと

自動的に決まったフォントになってしまい

読みづらい時もありますよね、、、

 

今回ご紹介する方法は、

ちょっとひと工夫するだけで

決まったフォントから好きなフォントに変えることができます。

 

では、早速パソコンから調べる方法についてご紹介しますね。

 

フォントの調べ方

 

まず、調べたい文字を選択します。

f:id:minihoto:20180706195039p:plain

 

 

次に下記のショートカットキーを起動します。

Windows:F12キー

Mac:「command」+「option」+「i(アイ)」

 

Macバージョン>

f:id:minihoto:20180706200044p:plain

スタイルの部分に"font-family"という文言がありますので

その後ろでフォント名を確認できます。

 

はてなブログで同じフォントを使用したい場合は

body{〜}をすべてコピーして

デザイン→カスタマイズ→デザインCSS

に貼り付けます。

 

f:id:minihoto:20180706200550p:plain

 

f:id:minihoto:20180706202919p:plain

 

 

フォントの大きさ

ちなみにフォントの大きさを変えたい時は

デザイン→カスタマイズ→ヘッダのタイトル下

下記をコピーして貼り付けてください。 

(〇〇の部分に数字をいれます。)

 

<style type="text/css">
.entry-content {
font-size:〇〇px;
}
</style>

 

f:id:minihoto:20180706202324p:plain

 

さいごに

CSSやカスタマイズがわけがわからなくても

マネすれば簡単にできることがあります。

 

わたしもわけがわからず時間ばかりが経ってしまいまいました。

実際にやって見た工程ですが、

わかりづらいところもあるかと思います。

 

カスタマイズに時間ばかりかけてしまっている人がいれば

ぜひこういうやり方もあるよということを

知っていただく機会になればと思いご紹介させていただきます!