Top / 文字の装飾

文字の装飾

実験目的

サイトトップページ及びブログトップページのアイキャッチに背景画像を設置したが、文字が背景画像に隠れてしまうので、背景画像があっても文字が鮮明に表示されるようにしたかった。

採用パターン

背景を「白」にした事によって、文字が鮮明になり背景画像に溶け込むようになった。

実際の設置表示は、&decoの前に「! (h1)」が書かれている。

文字色を黒（0）、背景を白（f）、文字サイズ50

&deco(#000000,#ffffff,50){QHM and HAIK 実験室};

QHM and HAIK 実験室

実験パターン

文字色（少し薄い黒）、文字サイズ50

&deco(#393939,50){QHM and HAIK 実験室};

QHM and HAIK 実験室

太文字、文字色（少し薄い黒）、文字サイズ40

&deco(b,#393939,40){QHM and HAIK 実験室};

QHM and HAIK 実験室

文字色（薄いグレー）、文字サイズ30

&deco(#ddd,30){QHM and HAIK 実験室};

QHM and HAIK 実験室

参考サイト

• 文字の色と大きさ
  • HAIK 使い方マニュアル