(補足)
width: *%は、マスクの帯の長さなので、100%で画面いっぱい・100%以下で短く・100%以上で画面からはみ出します。
また、%を削ると、ピクセル値(もっと、細かい設定)にすることも出来ます。
文字の細い書体は、<b>文字</b>で文字が太くなるようにしているので、いらない人は削ってね。
文字の大きさは、1〜7での指定になります。
(注1)応用編2の文字の大きさを細かく指定(style=)を使った方は、無限に大きさを数字で(1〜∞)指定出来ます。
さらに、細かい設定をしたい人は、文字の装飾についての補足を見てね。
赤い文字の部分を変更してコピー貼り付けで使ってね! | |
---|---|
マスク文字 | |
標準 | <font style="filter:mask(color=#帯の色);width:100%" size="文字の大きさ"><b>文字</b></font> |
Terminal | <font style="filter:mask(color=#帯の色);width:100%" face="Terminal" size="文字の大きさ"><b>文字</b></font> |
Small Fonts | <font style="filter:mask(color=#帯の色);width:100%" face="Small Fonts" size="文字の大きさ"><b>文字</b></font> |
Arial Unicode MS | <font style="filter:mask(color=#帯の色);width:100%" face="Arial Unicode MS" size="文字の大きさ"><b>文字</b></font> |
MS 明朝 | <font style="filter:mask(color=#帯の色);width:100%" face="MS 明朝" size="文字の大きさ"><b>文字</b></font> |
MS UI Gothic | <font style="filter:mask(color=#帯の色);width:100%" face="MS UI Gothic" size="文字の大きさ"><b>文字</b></font> |
HG丸ゴシックM-PRO | <font style="filter:mask(color=#帯の色);width:100%" face="HG丸ゴシックM-PRO" size="文字の大きさ"><b>文字</b></font> |
HGゴシックM | <font style="filter:mask(color=#帯の色);width:100%" face="HGゴシックM" size="文字の大きさ"><b>文字</b></font> |
HGゴシックE | <font style="filter:mask(color=#帯の色);width:100%" face="HGゴシックE" size="文字の大きさ"><b>文字</b></font> |
HG創英角ポップ体 | <font style="filter:mask(color=#帯の色);width:100%" face="HG創英角ポップ体" size="文字の大きさ">文字</font> |
HG創英角ゴシックUB | <font style="filter:mask(color=#帯の色);width:100%" face="HG創英角ゴシックUB" size="文字の大きさ">文字</font> |
ふみゴシック | <font style="filter:mask(color=#帯の色);width:100%" face="ふみゴシック" size="文字の大きさ">文字</font> |
HG行書体 | <font style="filter:mask(color=#帯の色);width:100%" face="HG行書体" size="文字の大きさ"><b>文字</b></font> |
HG祥南行書体 | <font style="filter:mask(color=#帯の色);width:100%" face="HG祥南行書体" size="文字の大きさ"><b>文字</b></font> |
HG正楷書体 | <font style="filter:mask(color=#帯の色);width:100%" face="HG正楷書体" size="文字の大きさ"><b>文字</b></font> |
恋文ペン字 | <font style="filter:mask(color=#帯の色);width:100%" face="恋文ペン字" size="文字の大きさ"><b>文字</b></font> |
応用編1 | <font style="filter:mask(color=#帯の色);width:帯の長さ%" face="文字の書体" size="文字の大きさ"><b>文字</b></font> |
応用編2(文字の大きさを細かく指定)(注1) | <font style="filter:mask(color=#帯の色);width:100%;font-size:文字の大きさ" face="文字の書体"><b>文字</b></font> |
応用編2(帯の長さ指定あり)(注1) | <font style="filter:mask(color=#帯の色);width:帯の長さ%;font-size:文字の大きさ" face="文字の書体"><b>文字</b></font> |