A 0 2 H I i
A B
0 1 E F G H Q V v
h b G
0 1 6
| |
Map Symbols |
Marlett |
Monotype Sorts |
MS Outlook |
MT Extra |
Symbol |
Webdings |
WingDings |
일반적으로 기호로 사용 할 수 있는 font-family들은 위에 명시된 폰트들이다.
물론 무든 글자들이 잘 표현되는 것은 아니지만 필요한 부분을 찾아 사용 할 수 있다.
CSS에서 사용하려면
font-family:'Monotype Sorts'로[<span class=sign3>A</span>]=[A]
혹은[<span style="font-family:'Monotype Sorts'">A</span>]=[A]
HTML에서 사용 할 때는
[<font face='Monotype Sorts'>A</font>]=[A]로 사용하면 된다.
1번 컬럼에는 아스키 번호와 빨강색의 그 표준 글자, 1번 줄(row)에는 글꼴(font face. font-famlily)로 그 스타일은 head 부분에 정의되어 있다.
이들을 결합하여 원하는 글자를 만들어 사용 할 수 있다.
<head>
..
<style type="text/css">
.sign1{color:blue; font-family:'Map Symbols'}
.sign2{color:blue; font-family:'Marlett'}
.sign3{color:blue; font-family:'Monotype Sorts'}
.sign4{color:blue; font-family:'MS Outlook'}
.sign5{color:blue; font-family:'MT Extra'}
.sign6{color:blue; font-family:'Symbol'}
.sign7{color:blue; font-family:'Webdings'}
.sign8{color:blue; font-family:'WingDings'}
</style>
</head>
<body>
<img src="../gif/rfexample.gif" border=0><br>
<div class=box><span class=teal>
<span style="font-family:'Monotype Sorts'"><b>A</b> 0 2 H I i</span>
<span style="font-family:'MS Outlook'">A B</span>
<span style="font-family:'WingDings';">0 1 E F G H Q V v</span>
<span style="font-family:'Webdings' font-size:1.2em;">h b G</span>
<span style="font-family:'Map Symbols';">0 1 6</span>
</span></div><br>
<table border=1 cellpadding=1 cellspacing=0 align=center>
<tr align=center><td> </td>
<td class=smallteal>Map Symbols</td>
<td class=smallteal>Marlett</td>
<td class=smallteal>Monotype Sorts</td>
<td class=smallteal>MS Outlook</td>
<td class=smallteal>MT Extra</td>
<td class=smallteal>Symbol</td>
<td class=smallteal>Webdings</td>
<td class=smallteal>WingDings</td></tr>
<script Language="Javascript">
for(i=30;i<81;i++){
document.write('<tr align=center><td class=small><nobr>'+i+
' <font color=red>'+unescape('%'+i)+
'</font>=</nobr></td>')
for(j=1;j<9;j++){
document.write('<td><span class=sign'+j+
'>'+unescape('%'+i)+'</span></td>')
}
document.write('</tr>');
}
</script>
</table>
폰트 글꼴 목록 참조
|
제공