3−6.文字の装飾(その他)

だんだん、面倒くさくなってきたので、まとめました(笑)
(補足)
文字の書体は、<b>文字</b>で文字が太くなるようにしているので、いらない人は削ってね。
文字の大きさは、1〜7での指定になります。
(注1)文字の大きさを細かく指定(style=)を使った方は、無限に大きさを数字で(1〜∞)指定出来ます。
さらに、細かい設定をしたい人は、文字の装飾についての補足を見てね。

「ぼかし文字」
filter: blur(add=元イメージの合成有無,direction=ぼかしの方向,strength=ぼかしの強さ)です。
add=0:元のイメージを合成しない。1:元のイメージを合成する(初期値)
direction=ぼかしの方向を数字で指定(0・45・90・135・・・45度単位)初期値は270です。
strength=ぼかしの強さを指定。数字で指定して大きくするほどぼかし効果が広がります。

「波形文字」
filter: blur(add=元イメージの合成有無,freq=波を繰り返す数,phase=波形の開始位置,strength=波の強度,lightstrength=波形部分の明るさ)です。
add=0:元のイメージを合成しない(初期値)1:元のイメージを合成する。
freq=波を繰り返す回数を指定。(初期値は3)
phase=波形の開始位置を0〜100の間で指定(初期値は0)
strength=波のうねりの強度を指定(初期値は0)
lightstrength=波形部分の明るさを0〜100の間で指定(初期値は100)

↓書体を選んでね。(これ以外もあります)
Terminal
Small Fonts
Arial Unicode MS
MS 明朝
MS UI Gothic
HG丸ゴシックM-PRO
HGゴシックM
HGゴシックE
HG創英角ポップ体
HG創英角ゴシックUB
ふみゴシック
HG行書体
HG祥南行書体
HG正楷書体
恋文ペン字


赤い文字の部分を変更してコピー貼り付けで使ってね!
背景色指定文字
標準<font style="background-color:#背景の色" size="文字の大きさ" color="#文字の色">文字</font>
書体変更<font style="background-color:#背景の色" size="文字の大きさ" color="#文字の色" face="書体">文字</font>
文字の大きさを細かく指定(注1)<font style="background-color:#背景の色;font-size:文字の大きさ" color="#文字の色" face="書体">文字</font>
ぼかし文字
標準<font style="filter:blur(add=0,direction=45,strength=5);width:100%" size="文字の大きさ" color="#文字の色"><b>文字</b></font>
書体変更<font style="filter:blur(add=0,direction=45,strength=5);width:100%" size="文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>
文字の大きさを細かく指定(書体変更)(注1)<font style="filter:blur(add=0,direction=45,strength=5);width:100%;font-size:文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>
応用編<font style="filter:blur(add=0OR1,direction=ぼかしの方向,strength=ぼかしの強さ);width:100%" size="文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>
文字の大きさを細かく指定(応用編)(注1)<font style="filter:blur(add=0OR1,direction=ぼかしの方向,strength=ぼかしの強さ);width:100%;font-size:文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>
波形文字
標準<font style="filter:wave(add=0,freq=1,phase=50,strength=7,lightstrength=60);width:100%" size="文字の大きさ" color="#文字の色"><b>文字</b></font>
書体変更<font style="filter:wave(add=0,freq=1,phase=50,strength=7,lightstrength=60);width:100%" size="文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>
文字の大きさを細かく指定(書体変更)(注1)<font style="filter:wave(add=0,freq=1,phase=50,strength=7,lightstrength=60);width:100%;font-size:文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>
応用編<font style="filter:wave(add=0OR1,freq=波を繰り返す回数,phase=波形の開始位置,strength=波のうねりの強度,lightstrength=波形部分の明るさ);width:100%" size="文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>
文字の大きさを細かく指定(応用編)(注1)<font style="filter:wave(add=0OR1,freq=波を繰り返す回数,phase=波形の開始位置,strength=波のうねりの強度,lightstrength=波形部分の明るさ);width:100%;font-size:文字の大きさ" color="#文字の色" face="書体"><b>文字</b></font>



HTMLタグに戻る