css3에서 ttf 폰트를 쓰려면..?

css3을 이용하면 흔히 ie에서 써왔던(?) 웹폰트를 파폭이나 크롬등에서 마음대로 불러올 수 있습니다. 그럴려면 '@font-face'를 이용해서 웹에 올려둔 *.ttf를 불러와야 합니다. 그냥 간단한 팁이니 간단하게 @font-face 이용예를 붙여보면,  [code]@font-face { font-family: MASTERPLAN; src: url(‘MASTERPLAN.ttf(*.ttf 파일경로)’); }[/code]적용하면 위 글자처럼, 지정된 ttf 폰트를 브라우져에서 불러올 수 있습니다. 웹으로 불러올땐, 'font-family'에 폰트명을 넣어주면 알아서 불러옵니다. 저렴하게 웹폰트용으로, 예를들어 글제목에만 쓸 용도로만 제작하면 저용량으로 깔끔하게 만들 수 있을 것도 같네요. css3을지원하는 브라우져라면, 플래시나 자바등을 이용하지 않고도 마음에드는 폰트를 css만으로 불러와서 쓸 수 있게 됩니다. 참고로 위 데모폰트는 당연하지만, ie에서는 보이지 않습니다. 크롬이나 파이어폭스 등의 css3 지원가능한 브라우져만 보입니다. 정상적으로 css3을 지원하는 브라우져라면, 위에 말머리에 첨부한 스샷처럼 바뀝니다. 참...... 쉽죠잉? '-')v