GoogleのWebFontを使う方法もあるが、太文字が・・・
この方法は、いろいろな文字色を使う人にはあまりお勧めしませんが、白背景に、グレーの文字を使う場合には、ある程度効果を発揮します。
比較
※ 文字の周りにほんのりグレーの枠をつけて、滑らかに、見せる方法です。
CSS
数値をコンマ１ずつ微妙に変えてみて、自分のサイトにぴったりのアウトラインを見つけてください。ちなみに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>
▼ タグの貼り付け方はここ マウスを当てると画像が開きます。
有料版なら、指定したページにだけ反映させることが出来ます。
設定からヘッダー部分を編集を選択して、「個別ページまたはブログ記事」を選択してページを指定すれば必要があるページにだけ反映させることが可能です。
この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。