수

css 원하는 글꼴 사용하기

· 2017-08-17 (목) 23:59:31 · 2213
css 원하는 글꼴 사용하기
CSS3 @font-face규칙에서 먼저 글꼴 이름 (예 : myFirstFont)을 정의한 다음 글꼴 파일을 가리켜 야합니다.

팁 : 항상 글꼴 URL에 소문자를 사용하십시오. 대문자는 IE에서 예기치 않은 결과를 줄 수 있습니다.

HTML 요소에 글꼴을 사용하려면 다음 font-family속성을 통해 글꼴 이름 (myFirstFont)을 참조하십시오 .

예
@font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}

div {
font-family: myFirstFont;
}



<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}

div {
font-family: myFirstFont;
}
</style>
</head>
<body>

<div>
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts.
</div>

<p><b>Note:</b> Internet Explorer 8 and earlier, do not support the @font-face rule.</p>

</body>
</html>
|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-08-23 조회 2,112
CSS 17-08-23 조회 2,131
CSS 17-08-22 조회 1,901
CSS 17-08-22 조회 2,209
CSS 17-08-22 조회 2,648
CSS 17-08-20 조회 2,260
CSS 17-08-20 조회 1,563
CSS 17-08-20 조회 1,785
CSS 17-08-18 조회 1,812
CSS 17-08-18 조회 1,931
CSS 17-08-18 조회 2,252
CSS 17-08-17 조회 2,553
CSS 17-08-17 조회 2,214
CSS 17-08-17 조회 2,185
CSS 17-08-16 조회 2,052
CSS 17-08-16 조회 1,836
CSS 17-08-16 조회 1,825
CSS 17-08-15 조회 2,033
CSS 17-08-15 조회 2,094
CSS 17-08-15 조회 1,915
CSS 17-08-11 조회 1,809
CSS 17-08-11 조회 2,458
CSS 17-08-11 조회 2,575
CSS 17-08-10 조회 1,920
CSS 17-08-10 조회 2,437
CSS 17-08-10 조회 2,236
CSS 17-08-09 조회 2,132
CSS 17-08-09 조회 2,566
CSS 17-08-09 조회 2,117
CSS 17-08-07 조회 2,377