(補足)
shadow(color=#影の色,direction=影の角度,strength=影の強度)なので
角度を(0・45・90・135・・・45度単位)に変更も可能です。
初期値は225です。
また、影の強度を数字で付け加えることも可能です。
文字の細い書体は、<b>文字</b>で文字が太くなるようにしているので、いらない人は削ってね。
文字の大きさは、1〜7での指定になります。
(注1)応用編2の文字の大きさを細かく指定(style=)を使った方は、無限に大きさを数字で(1〜∞)指定出来ます。
さらに、細かい設定をしたい人は、文字の装飾についての補足を見てね。
赤い文字の部分を変更してコピー貼り付けで使ってね! | |
---|---|
立体影文字 | |
標準 | <font style="filter:shadow(color=#影の色,direction=135);width:100%" size="文字の大きさ" color="#文字の色"><b>文字</b></font> |
Terminal | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="Terminal" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
Small Fonts | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="Small Fonts" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
Arial Unicode MS | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="Arial Unicode MS" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
MS 明朝 | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="MS 明朝" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
MS UI Gothic | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="MS UI Gothic" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
HG丸ゴシックM-PRO | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HG丸ゴシックM-PRO" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
HGゴシックM | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HGゴシックM" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
HGゴシックE | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HGゴシックE" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
HG創英角ポップ体 | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HG創英角ポップ体" color="#文字の色" size="文字の大きさ">文字</font> |
HG創英角ゴシックUB | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HG創英角ゴシックUB" color="#文字の色" size="文字の大きさ">文字</font> |
ふみゴシック | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="ふみゴシック" color="#文字の色" size="文字の大きさ">文字</font> |
HG行書体 | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HG行書体" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
HG祥南行書体 | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HG祥南行書体" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
HG正楷書体 | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="HG正楷書体" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
恋文ペン字 | <font style="filter:shadow(color=#影の色,direction=135);width:100%" face="恋文ペン字" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
応用編1 | <font style="filter:shadow(color=#影の色,direction=影の角度,strength=影の強度);width:100%" face="文字の書体" color="#文字の色" size="文字の大きさ"><b>文字</b></font> |
応用編2(文字の大きさを細かく指定)(注1) | <font style="filter:shadow(color=#影の色,direction=135);width:100%;font-size:文字の大きさ" face="文字の書体" color="#文字の色"><b>文字</b></font> |
応用編2(角度指定あり)(注1) | <font style="filter:shadow(color=#影の色,direction=影の角度,strength=影の強度);width:100%;font-size:文字の大きさ" face="文字の書体" color="#文字の色"><b>文字</b></font> |