ブログ編集記 ASP ・・・個人的メモ
<< 16.リンクに背景色を表示する | blog-top | 14.コメントを枠で囲んで分か... >>
15.ブログタイトルの文字書体を変えてみる
デフォルトの文字フォントは無味無臭で面白くない。
そこで好きなフォントに変えてみた。

★CSS編集にして、下記を探し、赤字部分を追加するだけです。
必ず TAHOMA の前に追加してください。
フォントの種類は好みで変更してください。
フォントの大きさは、"14PT"の数字を変えます。
引用符" "は基本的に不要です。(あっても良い)
ただし「MS 明朝」のように半角スペースがある場合は" "が必要です。

DIV.HEADER {
FONT : BOLD 14PT "HG行書体",TAHOMA;
MARGIN-TOP : 19PX;
}

★使用スキンによっては下記のようなものもあります。
DIV.HEADER {
FONT-FAMILY : "HG行書体",TAHOMA,;
FONT-SIZE : 30PT;
FONT-WEIGHT : BOLD;
MARGIN : 20PX 0PX 10PX 40PX;
LINE-HEIGHT : 100%;
}

★文字の色を変えるには、下記の "COLOR: #000"のカラーコードを変更します。
DIV.HEADER A:LINK {COLOR: #000; TEXT-DECORATION: NONE}

★書体の例・・・ほんの一部です。ワードやエクセルで調べてください。
パソコンにインストールされていないと表示されません。
そのときはデフォルトの標準書体で表示されます。

書体名の漢字は全角、英字は基本的に半角だが全角もある。

「HG行書体」「HGP行書体」「HGS行書体」(英字は半角。違いは?・・・)

「HGP創英角ポップ体」(HGPは半角、ポップも半角)

「CRC&G流麗行書体」(CRは半角、C&Gは全角)

「CRバジョカ廉書体」(CRバジョカ廉書体。CRは半角、バジョカは全角)

「MS 明朝」(MSは全角、明朝との間は半角スペース)

[PR]
by yasousuki | 2006-10-09 12:51 | スキン編集


« blog-top ----- << 16.リンクに背景色を表示する 14.コメントを枠で囲んで分か... >>