あるサイトやブログで気にいったfont-family、font-color、font-sizeなどを調べる方法

blog-428950_1280

今回、サイズは変えてませんがfont-family、font-colorだけ変更しました。これだけでも大分見やすくなったと自分的には思います!!


あるサイトやブログで気にいったfont-family、font-color、font-sizeなどを調べる方法

非常に簡単に検索することができ、即座に自分のサイトを編集して反映させることができます。

今回紹介するのはChromeの拡張機能です。
font-family、font-color、font-size、line-heightをワンクリックで調べることができます。


❚ 使用方法

whatfont
気に入ったfont-family、font-color、font-sizeがあるサイトやブログで矢印のWhatFontを起動させて、文字の上でクリックするだけです。

すると
whatfont2
このような感じで表示されます。

WhatFontをもう一度押せば終了します。


❚ 今回変更したfont-family、font-color

▼font-family
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,メイリオ,'MS Pゴシック','MS PGothic',Helvetica,sans-serif;

▼font-color
font-color: #333333;
に変更しました。



文字形を変えるだけで、だいぶブログの印象が変わりますので気分転換に変えてみるのも良いと思います。

シェアする

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です