웹 페이지에 폰트를 적용하려면, HTML과 CSS를 함께 사용해야 해요. 여기서는 웹 페이지에 폰트를 추가하고 사용하는 방법을 단계별로 설명할게요.
웹 페이지에 사용할 폰트를 정의하려면 @font-face 규칙을 사용해요. 이 규칙을 통해 웹 폰트를 페이지에 추가할 수 있습니다.
@font-face {
font-family: 철수의폰트;
src: url("./00-myfont01.woff2");
}
@font-face {
font-family: 영희의폰트;
src: url("./00-myfont02.woff2");
}
font-family: 이 속성은 폰트의 이름을 정의해요. 나중에 이 이름을 사용해 폰트를 적용할 수 있어요.src: 이 속성은 폰트 파일의 위치를 지정해요. url() 안에 폰트 파일의 경로를 넣으면 됩니다.여기서는 두 가지 폰트를 정의했어요:
00-myfont01.woff2 파일을 사용해요.00-myfont02.woff2 파일을 사용해요.웹 페이지의 기본 폰트를 설정하려면 * 선택자를 사용해요. * 선택자는 페이지의 모든 요소에 적용되요.
* {
font-family: 철수의폰트;
}
이 코드는 페이지의 모든 텍스트에 철수의폰트를 사용하도록 설정해요.