文字を滑らかに見せたい

GoogleのWebFontを使う方法もあるが、太文字が・・・

この方法は、いろいろな文字色を使う人にはあまりお勧めしませんが、白背景に、グレーの文字を使う場合には、ある程度効果を発揮します。

比較

※ 文字の周りにほんのりグレーの枠をつけて、滑らかに、見せる方法です。


CSS

数値をコンマ1ずつ微妙に変えてみて、自分のサイトにぴったりのアウトラインを見つけてください。ちなみにrga(0,0,0)の前半三つの数字は、色を表しています。
この色がフォントの色に近いほど、きれいに見えます。

ネットサービス:カラーコード変換ツール

<style>

p, span, div, td, th {

   text-shadow: 0 0 0.2px rgba(0,0,0,0.3), 0 0 0.4px rgba(0,0,0,0.1);
}

</style>

▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

有料版なら、指定したページにだけ反映させることが出来ます。

設定からヘッダー部分を編集を選択して、「個別ページまたはブログ記事」を選択してページを指定すれば必要があるページにだけ反映させることが可能です。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。


株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422