WEB・イラスト・フライヤー制作 PSY-ON.com -BLOG-

HTMLタグのリストタグ、利用方法によっては、途中でいちどリスト形式を抜けて再びリスト形式を再開したいなどの需要も少なくない。

そこで
http://sintarohtmlcss.com/HTMLtag/list05.html
のサイトにあるような方法でリスト番号のスタート値をコントロール
する方法を紹介。

日進月歩なんですね。ここ1年この手のトピックから遠ざかっていました
が、便利な方法が多数生まれているようです。

あの中から「@font-face」についてご紹介

CSSへ以下の指定を追加。

http://ascii.jp/elem/000/000/465/465458/

上記追加に必要なeotファイル生成のためのオンラインコンバータ

http://ttf2eot.sebastiankippe.com/


かなりの種類のブラウザから閲覧が可能なようです。
フォント自体のデータの大きさなど、ビジネスユースに
向いているとは俄かに断言できませんが
非常に面白い仕上がりになります。

邪道だとは思います。承知の上ですがCSSデザインのサイトにおいても
スペーサーGIFと同様に任意のスペースの確保が要素ごとに必要に
なることがあり、一括定義にそぐわない場合は、自分は
CSSにてスペーサータグを設定して使いまわしています。

あらかじめ「5px」「10px」「15px」「30px」「60px」などのように
準備をしていたりします。
ちなみにスタイルシートでは

.spacer5px {
width: auto;
height: 5px;
}

のような感じで定義。
更にHTML側には(特に文字サイズよりも小さい高さのスペーサーの場合は)
DIV内に

＜!-- --＞

を入れておくようにする。
これがないとIEの古いものなどでは高さがテキストの高さ以下に
表示されません。
注意ください。




本当はスペーサータグも邪道ですよね。
ですが
＜h1＞
＜h2＞
＜h3＞
という前提でスペースを要素に緋付けても
運用途上では
＜h1＞
＜TABLE＞
＜h2＞
＜h2＞
＜h2＞
＜h3＞

など変則が多いので、決め打ちできないのが現状かと思います。
いかがでしょうか？