[10원팁] 웹폰트 적용하기 - IE,파폭,크롬에서 확인 정보
[10원팁] 웹폰트 적용하기 - IE,파폭,크롬에서 확인
본문
일단 eot 포맷이 비 IE계열에선 지원을 하지 않더군요.
파폭이나 크롬이나 요쪽 계열이 업데이트 되면서 웹폰트 적용은 가능한데 eot는 안되더라는 현실.
그래서 찾아보니 ttf파일은 되더군요.
사실 나눔고딕이나 기타 TTF 파일은 용량이 크지만
특수문자 같은 일부 부분에선 적용시킬만 하다 싶어 작업해 보았습니다.
저는 디지털시계 만들때 썼습니다. ㅠㅠ(클라가 걍 숫자 말고 전자계산기 처럼 나오는걸 원하셔서)
적용방법은 동일합니다.
적용예시
@font-face{font-family:"lcdtime"; src:url('http://주소/time.eot');} /* ie용 */
@font-face{font-family:"lcdtime_f"; src:url('http://주소/time.ttf');} /* 비ie용 */
#time_print1{background-color:#000;font-family:"lcdtime","lcdtime_f";}
즉 font-face로 두개를 선언하고
font-family에서 두개를 적는방법으로 해결보았습니다.
추천
1
1
댓글 3개
@font-face{
font-family: 'NanumGothicWeb';
src: url('NanumGothic.eot');
src: local('☺'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
}
요딴식~을 추천해봅니다.
font-family: 'NanumGothicWeb';
src: url('NanumGothic.eot');
src: local('☺'), url('NanumGothic.woff') format('woff'), url('NanumGothic.ttf') format('truetype');
}
요딴식~을 추천해봅니다.
감사합니다.
감사합니다. ㅎㅎㅎ