font-family animation |
../ |
font-family 목록
font size checker
그림 font-family 지원여부 확인 하기
animation 모음
이런 구성뿐만이 아니라 크기를 아주 크게 지정을 하면 그림같은 느낌이 나는 글꼴이 있습니다. WingDings, 특수문자를 예로 들 수 있겠습니다. 이런 그림들을 잘 조합하면 상당한 수준의 animation을 연출할 수도 있습니다. 속도는 그래픽 그림을 사용할 때와는 비교가 되지않게 빠릅니다. 품질은 그래픽 그림보다 떨어지지만 크기는 제한이 없습니다. 1024x768 이 아니라 극장 화면보다 큰 모니터가 나오더라도 그것을 다 채워버릴 수가 있습니다. 일정한 품질에 크기는 무한대로 사용할 수 있습니다.
그림 글자로 사용할 영어 font-family를
ie4는 잘 지원해 주지만 nn4는 Symbol, WingDings 두개 외에는 그림 font-family를
지원하지 않습니다. (nn4.05에서 시험을 해봤습니다.)
그래서 ie4나 nn4를 위해서 따로 두 페이지를 만든다면 상관이 없지만 한 페이지로 사용하기 위해서는
nn4를 기준으로 할 수 봐ㄲ에 없습니다.
많은 font-family 중에 Symbol, WingDings 2개만 nn4가 지원을 합니다.
WingDings는 재미있는 그림이 많습니다. 아래가 WingDings로 사용할 수 있는 그림들입니다.
| a | b | c | d | e | f | g | h | i | j |
| k | l | m | n | o | p | q | r | s | t |
| u | v | w | x | y | z | A | B | C | D |
| E | F | G | H | I | J | K | L | M | N |
| O | P | Q | R | S | T | U | V | W | X |
| Y | Z | ` | 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 0 | ~ | ! | @ | # | $ | % | ^ |
| & | * | ( | ) | _ | + | \ | [ | ] | { |
| } | ; | : | ' | " | , | < | . | > | / |
| 그림을 누르면 사용한 글자가 위의 폼에 나옵니다. | - | = | | | ||||||
| 6 |
<font style="font-family:WingDings; font-size:200pt; color:green;" >6</font>왼쪽의 글자의 style 입니다. |