• » 웹 폰트 문제 해결. @font-face troubleshooting. : @font-face를 가장 잘 설명한 듯.
• 샷타이거's Simple Blog :: CSS 폰트 : 웹안전 폰트와 다운
• Mozilla Docs - @font-face
• MSDN @font-face
• Firefox/Safari/Chrome/IE9이상 최신 버전들은 WOFF 포맷 지원
• IF8 이하는 EOT 포맷만 지원
• Google WebFonts, Google WebFonts EarlyAccess
• http://fontface.kr : 나눔글꼴 웹폰트 지원
• http://api.mobilis.co.kr/webfonts/ : 다양한 오픈소스 웹 폰트 지원
• http://www.nfont.co.kr/ : 상용 웹 폰트 서비스
• Webfont 사용하기 | FRENDS.KR
• How to Bulletproof @font-face Web Fonts
• 웹 폰트를 사용한 아이콘
• 독거노인 개발자의 우울 :: Typekit 웹폰트로더 활용
• typekit/webfontloader : 웹폰트가 로딩되기전 기본 폰트로 보여주고, 로딩 후 웹폰트로 바꿔준다.
• webfont generator TTF글꼴을 업로드하면 DATA-URI로 생성해줌

/* Recommended */
@font-face{
font-family:ng;
src:url(NanumGothic.eot);
src:local(※), url(NanumGothic.woff) format(‘woff’)
}
body{font-family:나눔고딕, NanumGothic, ng}

• sfnt2woff : TTF 2 Woff 윈도우 실행파일 소스
• EOT Fast] : TTF 2 EOT 윈도우 실행파일
• Font2Web - Your Online Font Converter Converting .ttf and .otf to .woff, .eot and.svg - 웹 서비스
• ttf2eot TTF 2 EOT 웹 서비스

• Chrome을 제외한 다른 일부 브라우저에서는 웹 폰트가 font-face 설정이 동일 Domain 혹은 그 SubDomain에서 온게 아니면 무시해버린다.
• Fixing Firefox font-face cross dmain problem
• Access-Control-Allow-Origin 다중 설정
• IE11에서 AWS S3에 올라간 Font자원을 로드하지 못하는 문제 해결하기 -지돌스타 - 쿠키랩 블로그-

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType font/woff .woff
 
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
 
# 아래와 같이 여러 도메인을 추가 할 수 있다는 얘기가 있는데, 실제론 작동하지 않았다.
Header add Access-Control-Allow-Origin "http://domain1.com"
Header add Access-Control-Allow-Origin "http://domain2.com"

• mime.types

font/ttf                      ttf;
font/opentype                 otf;
application/font-woff         woff;
application/vnd.ms-fontobject eot;

• unicode-range 로 특정 영역만 적재가 가능하다. 2012년 현재 IE 9+, Webkit 계열만 지원.

@font-face {
  font-family: foo;
  src: url('foo.ttf');
  unicode-range: U+31-33;
}