이전
목록
다음
컴

서버에 등록되어 있는 폰트 사용하기

잘살아보자
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2014-05-09 (금) 19:44:03 · 5400 · 1
서버에 저장 되어 있는 폰트 사용하기

외부 폰트 사용 명령어는
@font-face에요

아래 소스를 보시면 나눔바른고딕에 대한 것인데요

@font-face {
    font-family: NanumBarunGothic;
    src: url('../webfonts/NanumBarunGothic.eot'); /* IE 4-8 */
    src: url('../webfonts/NanumBarunGothic.eot?') format('eot'), /* IE 9 */
         url('../webfonts/NanumBarunGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}

볼드 처리한 부분이 서버에 저장되어 있는 경로에요

이런식으로 하면 브라우저들이 서버에 등록되어 있는 폰트를 불러와요

font-family는 사용할 폰트정의에요
NanumBarunGothic이라고 되어 있으니 css 작업 할 때 NanumBarunGothic 사용가능하죠
당연
NanumBarunGothic22222 로 했다면  css 작업 할 때 NanumBarunGothic22222 로 사용가능하고요


#퍼블리셔팁 #퍼블리셔 #팁자료실 #css
|

댓글 1개

Kenta
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2014-07-18 (금) 21:59:06
모르시는 분들을 위한 좋은 팁이네요
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
16-03-02 조회 3,239
16-01-19 조회 2,521
15-12-23 조회 2,958
15-12-08 조회 3,670
14-10-30 조회 5,728
14-06-06 조회 5,550
12-08-30 조회 3,904
12-08-20 조회 3,827
12-07-15 조회 5,157
12-07-13 조회 3,628
12-07-06 조회 3,854
12-06-27 조회 3,365
12-06-23 조회 3,566
12-05-03 조회 5,181
12-04-20 조회 4,121
12-03-29 조회 4,627
12-03-22 조회 4,703
12-03-22 조회 3,507
12-03-21 조회 3,277
12-03-11 조회 3,710
12-03-06 조회 4,259
12-02-22 조회 4,530
12-02-17 조회 3,324
12-02-17 조회 6,173
12-02-14 조회 6,130
12-02-06 조회 4,256
12-01-18 조회 3,211
12-01-06 조회 3,440
11-12-30 조회 3,908
11-12-30 조회 7,054
11-12-21 조회 3,275
11-12-21 조회 4,243
11-12-16 조회 3,271
11-12-15 조회 3,316
11-12-15 조회 3,415
11-12-15 조회 4,221
11-12-09 조회 3,225
11-12-09 조회 3,306
11-12-07 조회 2,872
11-12-07 조회 3,958
11-12-05 조회 4,413
11-12-02 조회 3,859
11-12-01 조회 2,727
11-12-01 조회 2,775
11-12-01 조회 2,756
글쓰기