[FLEX 3.0] Flex SWF Font만들기

FLEX/FLEX 2010. 7. 12. 21:41

FLEX에서 사용할 SWF 폰트를 만들어보자.

flex에서 사용해야 되기 때문에 swf로 형태로 만드는것이 편한다.

그럼 일단 사용하고자 하는 폰트 파일이 필요하다. 그런데 폰트 파일 용량을 보면 놀라게 된다. 그런데 걱정하지 말자..ㅎㅎ

테스트를 하기 위해서 잘 사용하지는 않지만 휴먼편지체를 만들어 볼것이다.
이걸 보면 알겠지만 기본 폰트 용량이 2.53MB나 된다.. (걱정하지 마삼..ㅎㅎ)

자 이제 시작해보자.

1. 자신이 사용할 폰트를 결정하다.

2. swf를 만들어야 하니까 플래쉬 실행한다.

3. 새파일을 하나 만들어서 'T'를 눌러 글자를 입력한다. (참고로 플래쉬 쓰는법을 잘 모름..ㅎㅎ)
 -> 플래쉬를 몰라서 flash cs3 한글판을 사용하고 있는데 한글판이 더 사용하기 힘드네요.ㅠ.ㅠ

4. 원하는 폰트로 변경하고 속성을 '동적 텍스트'형식 그리고 '가독성을 위한 앤티앨리어싱'으로 선택한다.

5. 여기서 이제 용량을 줄이기 위해서 포함을 눌러보면 아래와 같이 원하는 문자 세트만 추가 할수 있다.
    이래서 용량을 줄일수 있는것이다. 필요한것만 선택하고 Ctrl + 클릭하면 됨


6. 이제 내보내기만 하면 끝

7. 자 이제 FLEX에서 사용해보자.

8. MXML에서 <mx:Style source="/assets/styles/style.css"/> 추가하고

9. style.css에서 사용할 폰트 지정
@font-face
{
 src: url("/assets/font.swf");
 fontFamily: "휴먼편지체";
}

.label {
 fontSize:10;
 fontFamily : "휴먼편지체";
}


예제를 만들기 위해서 휴먼편지체를 사용했는데 왠만하면 영어도 될 폰트를 쓰자...^^
: