NO.54 フォント①

CSSで設定するフォントのデザインに関する解説です。
どうやらタグを使ったデザインよりもCSSによるデザインが推奨されているようですが、
自分の方針としては、CSSを使わなくてもで指定できるような内容は出来る限りタグを使って欲しいです。
CSSでデザインを指定した方が楽だし表現の幅が広がるのは確かですが、その分他人にとって見づらいサイトが増えるのも事実です。
このサイトでユーザーアクセシビリティについて書いても説得力が無いかもしれませんが、
あまりCSSを乱用すると、文字サイズが変更できなくてうっとおしかったリ無理矢理なデザインが増える事が多いので、
その辺を考えながらCSSをページ内に取り入れて欲しいと思ってます。
ただ単に俺が最後に学んだのがCSSだから、あまり必要性を感じていないだけなんですけどね・・

color
これはフォントだけの設定項目では無いですが、とりあえずフォントの色を指定するときに使います。
の指定よりも優先度は高いらしいです。

<style type="text/css">
<!--
body{color:gray}     /*ページ全体の文字色をGRAYにする*/
-->
</style>

font-size
フォントのサイズを指定します。単位がpx(ピクセル)の他にもあったような・・忘れました。

<style type="text/css">
<!--
body{font-size:12px}     /*ページ全体の文字サイズを12ピクセルにする*/
div{font-size:50%}      /*標準の大きさと比較した％による指定も可能です*/
td{font-size:large}     /*large,smallといった指定も可能です*/
-->
</style>

上記の内容を応用
◆HEAD内の記述 <style type="text/css">  </style>
◆BODY内の記述 cutting in TECHNIQUES OF KUSO-MISO     written by JUNICHI YAMA**WA Mr.Takawa Abe said,"Let's doing?" about⇒<a href="http://gaty.hp.infoseek.co.jp/mangas.html"class=zzD>KUSO-MISO</a>
◆実行例

cutting in TECHNIQUES OF KUSO-MISO written by JUNICHI YAMA**WA
Mr.Takakazu Abe said,"Let's doing?"

about⇒KUSO-MISO

前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送