The collection of homepage delicate techniques

Fontを使って代替画像

※ Fontをアイコン画像風に使ってみよう!

Wingdings <FONT FACE="Wingdings">v[]ERTYFGHJKLオカ</FONT>
v[]ERTYFGHJKLオカ

Webdings <FONT FACE="JustUnitMark">ァィゥュェォャュョッ</FONT>
ァィゥュェォャュョッ

Ms Outlook <FONT FACE="Ms Outlook">E I A D G J B N M</FONT>
E I A D G J B N M


※ Fontに影をつけ立体的にしてみよう!

[
<DIV STYLE="FONT-FAMILY:'Wingdings';FONT-WEIGHT:900;FONT-SIZE:16pt;COLOR:#ff0000;WIDTH:100%;POSITION:relative;FILTER:shadow(color=#999999,direction=135);">[</DIV>
J
<DIV STYLE="FONT-FAMILY:'Wingdings';FONT-WEIGHT:900;FONT-SIZE:16pt;COLOR:#ff0000;WIDTH:100%;POSITION:relative;FILTER:shadow(color=#008800,direction=135);">J</DIV>