(補足)
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> |