메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

기타 [참조] 웹폰트 사용하기..

2002.03.06 01:49

mo2ni

[참고] 웹 폰트를 바로 홈페이지에 적용 하기

html 파일의 <head> 와 </head> 사이에

<STYLE TYPE="text/css">
<!--
@font-face {
font-family: Arial;
font-style: normal;
font-weight: normal;
src: url(ARIAL0.eot); }
-->
</STYLE>

위와 같이 추가 합니다 이때 font-family 에 스페이스바가 들어가면 "font family" 처럼 따옴표로
묶어야 합니다.

폰트를 사용 할 때에는

<font FACE=Arial SIZE=5> a b c d e f g </font>

위와 같이 해 주면 됩니다.



- 웹 폰트를 스타일 시트 (CSS)를 이용 해서 적용 하기 -

제 홈페이지를 예로 들면

@font-face {
    font-family:NT-SandollGothicN;
    src: url(http://shelter.zoa.to/NTSANDO1.eot);
}
body, table, tr, td, select,input,div,form,textarea, font
{
font-size:9pt;
font-family:NT-SandollGothicN;
}

style.css 파일에 다음과 같이 추가 합니다.
이때 font-family 에 스페이스바가 들어가면 "font family" 처럼 따옴표로 묶어야 합니다.

html 파일의 <head>와  </head> 사이에

<link rel="StyleSheet" href="style.css" type="text/css" rel="stylesheet" type="text/css" href="style.css">

위와 같이 추가 합니다.


-mo2ni-

[ 출처 : http://shelter.zoa.to/ ]
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
115 플래시 고수님 질문및 도움좀 부탁드립니다(웹에서 플래시가 안나타납니당) [4] 아진 2006.03.24 3172
114 뷰렛빌더4강-[컴퓨터강의제작방법] 에듀멘 2006.04.14 3167
113 많은 레이어에서 원하는 거 쉽게 선택하기 [5] file Jacylee 2002.08.10 3166
112 [동영상] 제3강 재질편집기사용방법 인테리어뱅크 2006.04.11 3165
111 [질문] 포토샵 그리드 관련... [6] THANK SO 2002.08.04 3159
110 그래픽 파일 포맷에 대하여 [5] ZipShin 2002.12.06 3155
109 레이어이름없을때 찾는..팁.. [3] 최은경 2002.09.19 3154
108 마법같은 효과내기 file wwolf 2008.09.21 3145
107 [퍼니페인트공지]제 계정에 문제가 있어 그림이 뜨지 않습니다 죄송 [9] funnyPSP 2002.06.08 3137
106 [포토샵 초보자] 포토샵7 설치하기(수정) [10] ZipShin 2003.01.08 3135
105 [psp6]네온 사인~ [1] file 국왕-_-)/ 2002.02.23 3133
104 [동영상강좌] 제3회차 - 공개 블러쉬소스 다운받아 멋진 이미지 [2] 아이티스터디 2006.02.02 3112
103 중심을 맞추셔야죠... [6] file :)제원 2002.05.03 3108
102 [허접팁]포토샵에서 간단하게 파일열기. [15] 두기두바 2002.09.18 3093
101 [퍼니페인트]페인트샵 풀무원..;; [7] funnyPSP 2002.03.01 3092
100 [팁]칼라팁 그두번째 이야기입니다 [6] ECKS 2003.02.07 3086
99 간단팁~!! 브러시 크기 단축키 [8] 아이의별 2003.01.22 3079
98 [나모웹 초보자] 스크립트 마법사③ file 나만의길 2004.07.18 3074
97 [프로모션]애니메이터의작업처럼 라이트박스기능활용 [3] 정현석 2002.08.27 3070
96 [힐링포션의 그림판강의] 그림판의 실행, 브러시 크기조절, 색편집 [5] 힐링포션 2002.05.02 3043