서버에 등록되어 있는 폰트 사용하기
서버에 저장 되어 있는 폰트 사용하기
외부 폰트 사용 명령어는
@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 로 사용가능하고요
외부 폰트 사용 명령어는
@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 로 사용가능하고요
댓글 1개
Kenta
11년 전
모르시는 분들을 위한 좋은 팁이네요
게시글 목록
| 번호 | 제목 |
|---|---|
| 2952 |
HTML
zencoding
|
| 2951 | |
| 2950 |
HTML
html table 2
|
| 2949 |
HTML
HTML Table 1
|
| 2948 |
HTML
HTML 파일 경로
|
| 2947 |
HTML
HTML <script> 태그
|
| 2946 |
HTML
Iframe 구문
|
| 2945 |
HTML
html 하이퍼링크2
|
| 2944 |
HTML
html 하이퍼링크 1
|
| 2943 |
HTML
HTML comment 태그
|
| 2942 | |
| 2941 | |
| 2940 | |
| 2939 |
HTML
짧은 인용문을위한 HTML
|
| 2938 |
HTML
HTML 서식 예제
|
| 2937 |
HTML
HTML 서식 요소
|
| 2936 | |
| 2935 |
HTML
HTML 줄 바꿈
|
| 2934 | |
| 2933 |
HTML
Headings 에 중요성
|
| 2932 |
HTML
HTML 스타일 속성
|
| 2931 |
HTML
HTML <pre> 요소
|
| 2930 |
HTML
HTML 줄 바꿈
|
| 2929 | |
| 2928 |
CSS
CSS 코멘트 삽입
|
| 2927 |
CSS
CSS 기본 문법
|
| 2926 |
HTML
HTML addr
|
| 2925 |
HTML
HTML 서식 요소
|
| 2924 |
기타
디바이스별 해상도
|
| 2923 |
HTML
HTML 이미지 img 태그
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기