보관함
즐겨찾기
좋아요
최근목록
커뮤니티
건강/의학
문화/엔터
영상/사진
쇼핑/생활
경제/금융
IT/과학
스포츠
여행
음식/요리/맛집
유아/아동
교육/학습
어플/프로그램
유튜브
카페
블로그
자료/파일/문서공유
기타
비즈니스/사업
SNS
자동차
전체보기
전체개요
 
회사명 : 모아요넷
대표자 : 전현미
조회수:870

웹폰트를 사용해서 텍스트 폰트변경하기

0
웹폰트를 사용해서 텍스트 폰트변경하기

웹폰트를 사용하는 방법이다

스타일부분에 @font-face{font-family: fontstyle01;src:url(/swww/font/RixGoB.eot);} 선언하고

사용하고자 하는곳에 다음과같이 사용하면적용된다 <div style="font-family:fontstyle01">웹폰트 NanumGothic.eot</div>

 

장점이 틀림없이 있다 그러나 난 별로 사용하지 안는다

이유는 IE에서는 작동되는데 크롬브라우저에서는 적용되지 않는다

그리고 적용되는 IE에서도 로딩과동시에 적용되는것이 아닌 페이지로딩후 조금 후에 글씨체가 변경된다

아무래도 해당 NanumGothic.eot 폰트를 불러오는 시간이 걸리는듯하다

 

그리고 기본적인 확장자는 ttf인데 이걸 eot파일로 변경한 후에 사용해야된다 

<style>
@font-face{font-family:fontstyle01;src:url(NanumGothic.eot);}
@font-face{font-family:fontstyle02;src:url(NanumGothicBold.eot);}
@font-face{font-family:fontstyle03;src:url(NanumGothicExtraBold.eot);}
</style>

<div style="font-family:fontstyle01">웹폰트 NanumGothic.eot</div>
<div style="font-family:fontstyle02">웹폰트 NanumGothicBold.eot</div>
<div style="font-family:fontstyle03">웹폰트 NanumGothicExtraBold.eot</div>
유사한정보
0
0
테이블 사이즈 고정하는 css table-layout:fixed  CSS style 프로그램 소스
테이블 사이즈 고정하는 css table-layout:fixed
0
테이블 사이즈 고정하는 css table-layout:fixed
0
0
0
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법  CSS style 프로그램 소스
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법
0
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법
0
한글,영문입력방법 적용하는 스타일  CSS style 프로그램 소스
한글,영문입력방법 적용하는 스타일
0
한글,영문입력방법 적용하는 스타일
0
백그라운드 이미지에 padding값을 주는 방법  CSS style 프로그램 소스
백그라운드 이미지에 padding값을 주는 방법
0
백그라운드 이미지에 padding값을 주는 방법
0
비밀번호 입력문구 input 이지미 삽입  CSS style 프로그램 소스
비밀번호 입력문구 input 이지미 삽입
0
비밀번호 입력문구 input 이지미 삽입
0
textarea내에 엔터를 통해 자동으로 늘리는 방법  CSS style 프로그램 소스
textarea내에 엔터를 통해 자동으로 늘리는 방법
0
textarea내에 엔터를 통해 자동으로 늘리는 방법
0
페이지 출력할때 페이지를 구분해서 프린트하기  CSS style 프로그램 소스
페이지 출력할때 페이지를 구분해서 프린트하기
0
페이지 출력할때 페이지를 구분해서 프린트하기
0
html,body 부분의 스크롤바 제거하는 방법  CSS style 프로그램 소스
html,body 부분의 스크롤바 제거하는 방법
0
html,body 부분의 스크롤바 제거하는 방법
0
0
0
input type=text 태그만 별도로 스타일 지정하는 방법  CSS style 프로그램 소스
input type=text 태그만 별도로 스타일 지정하는 방법
0
input type=text 태그만 별도로 스타일 지정하는 방법
0