Trio 홈페이지 문자를 이용한 기호 만들어 쓰기 예제 예제 메뉴로



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>
폰트 글꼴 목록 참조

번역문 소유자 - Trio 홈페이지 제공 이 문서(http://trio.co.kr/webrefer/csex/cxfontsign.html)는
자유로이 연결 사용이 가능함.
예제 메뉴로