特殊フォント

透明の文字と特殊フォント


さてさて…
今日はFONT（文字）に関するタグです｡｡｡
以前にも色々書いてますが、FONTは奥が深いので…（笑）
今日するのは、

*色抜き文字（文字を透明にする）*色々なフォントを使ってみよう

これをやってみたいと思います♪

*** 色抜き文字 ***

ここで使うタグはコレ↓

<font style="position: absolute;filter:mask(color=☆);left:50%;top:▲px"size="●">
★ここに入れる文字が透明になる★
</font>

説明すると　ややこしいので、コピーして使って下さい×××(^_^;)

☆・・・背景にする色を入れます。
▲・・・ＴＯＰから、入れたい所までのｐｘを指定します。
（編集画面とページとでは、位置が違いますので、確認しながら変えて下さい）
●・・・文字の大きさを数字で入れます。
★～★・・・ココに入れた文字が、透明になります。

この効果を見てみましょう。
☆の所に『pink』
▲に８５５ｐｘ
★～★の所に、『透明の文字』
●の所に『７』と入れてみます。

透明の文字


こんな感じです｡｡｡
(・・？) えっ　何に使うのかって？！ホントそうかも｡｡｡(;^_^A アセアセ
このタグ、透明なので　位置を指定しなくてはいけないのです×××

*** 色々な文字 ***

気を取り直して　次は予めPCに入っているFONTを使って、遊んでみましょう♪
例えば、こんな風に YYYYYYYY ハートを並べたり、
j を飛ばせる事も出来ます。
j

ただ、ここで紹介するフォントが　英数字で見える場合は、
残念ながら、あなたのＰＣには　このフォントが入っていません×××出来るだけどのＰＣにも入っているフォントを紹介しますが…。
それでは　見てみましょう♪

<FONT FACE="Webdings"size="★">下記の英数字</FONT>
A
B
C
D
E
F
G
H
I
J
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
@
.
U
V
W
X
Y
Z
@
.
a
b
c
d
e
f
g
h
i
j
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
=
/
u
v
w
x
y
z
=
/
1
2
3
4
5
6
7
8
9
:
1
2
3
4
5
6
7
8
9
:

<FONT FACE="Botanical"size="★">下記の英数字</FONT>
A
B
C
D
E
F
G
H
I
J
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
@
.
U
V
W
X
Y
Z
@
.
a
b
c
d
e
f
g
h
i
j
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
=
/
u
v
w
x
y
z
=
/
<FONT FACE="Wingdings"size="★">下記の英数字</FONT>
A
B
C
D
E
F
G
H
I
J
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
@
.
U
V
W
X
Y
Z
@
.
a
b
c
d
e
f
g
h
i
j
a
b
c
d
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
t
k
l
m
n
o
p
q
r
s
t
u
v
w
x
y
z
;
=
/
u
v
w
x
y
z
;
=
/
1
2
3
4
5
6
7
8
9
:
1
2
3
4
5
6
7
8
9
:
***その他***

<font face="Times New Roman" size="6">文字</font>
TAMA’S HOME
<font face="Matura MT Script Capitals" size="6">文字</font>
Tama’s Home
<font face="Comic Sans Ms" size="6">文字</font>
Tama’s Home
<font face="Brush Script" size="6" color="#006633">文字</font>
Tama’s HOME


© Rakuten Group, Inc.
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
    Share by: