FC2ブログ

フォントの表示

2009年11月07日 23:50

晴れ時々曇り
フォントCSSの記述でどれだけBlogに反映されるか気になったので(笑)、こちらのページを参考にさせて頂いて、自分のBlogでどう反映されるかテストしてみました。
基本的に・・・
<SPAN STYLE="font-family:フォントの種類; font-size:XXpx; color:#RRGGBB; font-weight: bold;">フォントの種類:</SPAN><SPAN STYLE="font-family:フォントの種類; font-size:XXpx; color:#RRGGBB; font-weight:bold;">ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三</SPAN>
・・・という記述で書いてあります。今回は太字(“font-weight: bold”の部分)で統一していますが、無指定でも構いません。
フォントの種類は、前述してあるものを代入しています。
フォントのサイズ指定であるXXpxは、XXに任意の数字を代入して下さい。
フォントのサイズを大きくすると行間が空き過ぎてしまいますし、見づらくなるので、1px~99pxの間が適当でしょう。今回は15pxにしています。もちろんBlog自体の記述を変更すれば行間を詰める事も出来ますが、あまりお薦め出来ません。
RRGGBBは、任意の16進数(半角英数の0~9、A~F、アルファベットは大文字・小文字どちらでもOK)を代入して下さい。今回はフォントの種類#303050に、表示されるフォントの種類#000099にしています。
もちろん<>は半角に変更しないと反映されません(笑)。
ご意見、ご感想はこちらへどうぞ!

無指定ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
無指定の場合は、OSやブラウザなどが準拠するフォントになります。

MS ゴシック:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“MS ゴシック”の空白は、必ず全角の空白で記述して下さい。

MS 明朝:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“MS 明朝”の空白も、必ず全角の空白で記述して下さい。

HG正楷書体-PRO:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“HG正楷書体-PRO”は、きちんと正座して筆で書いたような書体になります。

HG行書体:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“HG行書体”“HG正楷書体-PRO”に比べて、少し崩したようになります。

Bookman Old Style:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“Bookman Old Style”は洋書の活字に使われているフォントに似てますね。

Times New Roman:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“Times New Roman”は、斜体にして学名などに使うと効果的です。
例:Tyrannosaurus rex  Fig.9...

Nimbus Script:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“Nimbus Script”は、自動的に斜体になるフォントです。欧米の手紙っぽい雰囲気です。

Cambria:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“Cambria”はカッチリした表示になりますね。

arial:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“arial”には、他に“arial black”“arial narrow”“arial unicode ms”などがあります。

Impact:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“Impact”は半角英数でないと効果が実感出来ないフォントですね。

Comic Sans MS:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三
“Comic Sans MS”はPOPのような雰囲気になるフォントです。斜体も見栄えがします。



フォントの種類:ABCDE abcde ΑΒΓΔΕ αβΓΔε АБВГД aбвгд あいうえお アイウエオ 01234 〇一二三



※この記事は書きかけです。タイトルや内容その他が変更される可能性があります。
※2009年11月12日(木):加筆中。
関連記事
スポンサーサイト





コメント

    コメントの投稿

    (コメント編集・削除に必要)
    (管理者にだけ表示を許可する)

    トラックバック

    この記事のトラックバックURL
    http://cyobinosuke.blog34.fc2.com/tb.php/1850-466cf008
    この記事へのトラックバック