Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

HTML 페이지에 기본 글꼴(basefont)을 지정하는 방법

문서 전체에 기본 글꼴(base font)을 지정하려면 HTML의 <basefont> 태그를 사용할 수 있습니다. 이 태그로 설정한 글꼴, 색상, 크기는 별도의 지정이 없는 한 문서 전체에 일괄 적용됩니다.

참고: <basefont> 태그는 현재 폐기(deprecated)된 요소이므로 최신 웹 표준에서는 사용하지 않는 것이 좋습니다. 대신 CSS의 font 관련 속성을 사용해 글꼴을 설정하는 것이 권장되는 방식입니다.

예제

다음 코드를 실행하면 HTML 페이지에 기본 글꼴을 추가하는 방법을 확인할 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML basefont Tag</title>
   </head>
   <body>
      <basefont face = "cursive,serif" color = "blue" size = "5"/>
   </body>
</html>

CSS를 활용한 현대적인 대체 방법

현재는 <basefont> 대신 CSS를 사용하여 문서 전체의 기본 글꼴을 설정합니다. 가장 일반적인 방법은 <body> 요소에 스타일을 지정하는 것으로, 자식 요소들이 이를 상속받아 문서 전체에 동일한 글꼴이 적용됩니다.

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: cursive, serif;
      color: blue;
      font-size: 18px;
    }
  </style>
</head>
<body>
  <p>문서 전체에 기본 글꼴이 적용됩니다.</p>
</body>
</html>

이처럼 CSS를 활용하면 구조와 디자인을 분리할 수 있어 유지보수가 쉬워지고, 모든 최신 브라우저에서 안정적으로 작동한다는 장점이 있습니다.