웹폰트(@font-face) 온라인 서비스 웹폰트를 온라인으로 서비스 해주는 곳들은 알아서! 크로스브라우징을 해주기 때문에 복잡한 CSS의 @font-face 구문을 몰라도 됩니다.가볍게 사용하기엔 안성맞춤 이지요. 각각의 온라인 서비스들은 사용법도 쉽게 설명되어 있으니 그곳을 참고 하도록 합시다. 모빌리스 웹폰트 서비스 국내에선 가장 많은 글꼴 서비스를 하고 있는 곳 같다. 다만 웹폰트의 글꼴 크기는 경우에 따라 5~6Mb에 달하는 것들도 있으니 유념해서 골라야 겠다. 모빌리스 웹폰트 링크 font-face 무료로 나눔고딕 / 나눔명조 / 나눔손글씨를 지원한다.Google WebFont Loader를 사용해 좀 더 옵션을 주무를수 있다. font-face 링크 Google Web Fonts 엄청난 수의 무료 폰트를 제공하는 구글, 한국의 실정과.. 웹코딩/CSS 12년 전
웹폰트(@font-face) 적용법 #2 - Cufon 폰트 Cufon 폰트를 실제로 사용하려면 Generator를 거쳐 변환하는 과정을 거쳐야 하는데 번거롭거니와 한글폰트를 사용하는데에는 많은 애로사항이 꽃피웁니다. 첨부된 파일을 사용해서 적용해 봅시다. Cufon 폰트 cufon 폰트는 일반 웹폰트와 달리 캔버스를 이용해 그림을 그리듯 글꼴을 표현하는 방법이다. 우선 첨부된 파일을 다운 받자. 아래와 같은 글꼴이 첨가되어 있다. cufon-yui.js 파일과 사용할 폰트를 계정에 업로드한다. 사이에 아래 소스와 같이 붙여 넣는다. cufon-yui.js 파일은 반드시 포함해야 한다 원하는 폰트를 포함한다 Cufon.replace('아이디명, 클래스명, 태그명', 과 같이 폰트를 사용할 HTML요소를 정해준다 fontFamily : '폰트명'을 적어준다. 이 폰.. 웹코딩/CSS 12년 전
웹폰트(@font-face) 적용법 한글 폰트는 아쉽게도 글자 수가 많아 용량이 커지기 때문에 웹폰트 도입이 활발하진 않습니다만 외국에서는 Google Web Fonts 서비스와 Typekit, Cufon등 관련 서비스가 활성화 되어있습니다. 하지만 한글 가독성을 위해 이만한 것도 없으니 미래를 위해 사용법을 배워보도록 합시다. 웹폰트 호환성 @font-face로 웹폰트를 쓸때 가장 유의해야 할 것이 브라우저간의 호환성이다. IE Chrome Firefox Opera Safari WOFF 9.0 부터 지원 6.0 3.5 11.10 5.1 EOT IE6~IE9 지원 미지원 미지원 미지원 미지원 보는 바와 같이 modern-browser들은 woff 파일을 모두 지원하기 때문에 사용하는데 무리가 없다. 언제나 문제인 것이 구버전의 IE의 경우.. 웹코딩/CSS 12년 전