CSS를 사용하여 웹 페이지의 글꼴을 변경하는 방법

FONT 요소는 HTML 4에서 더 이상 사용되지 않으며 HTML5 사양의 일부가 아닙니다. 따라서 웹 페이지의 글꼴을 변경하려면 CSS (Cascading Style Sheets )를 사용하여 글꼴을 수정하는 방법을 배워야합니다.

CSS로 글꼴을 변경하는 단계

1. 텍스트 HTML 편집기를 사용하여 웹 페이지를 엽니 다. 새 페이지 또는 기존 페이지 일 수 있습니다.
2. 일부 텍스트 쓰기 : 이 텍스트는 Arial에 있습니다.
3. SPAN 요소로 텍스트 서라운드 : 이 텍스트는 Arial에 있습니다.
4. span 태그에 속성 style = ""을 추가하십시오. 이 텍스트는 Arial에 있습니다.
5. style 속성 내에서 font-family 스타일을 사용하여 글꼴을 변경하십시오. 이 텍스트는 Arial에 있습니다.

CSS로 글꼴을 변경하기위한 팁

1. 여러 글꼴 선택 사항 을 쉼표 (,)로 구분하십시오. 예를 들어,
   1. font-family : Arial, Geneva, Helvetica, sans-serif;
   2. 폰트 스택 (폰트 목록)에 적어도 두 개의 폰트가 항상있는 것이 가장 좋습니다. 그러면 브라우저에 첫 번째 폰트가 없으면 두 번째 폰트를 사용할 수 있습니다.
2. 각 CSS 스타일 은 항상 세미콜론 (;)으로 끝내십시오. 하나의 스타일 만있는 경우에는 필요하지 않지만 들어갈 수있는 좋은 습관입니다.
3. 이 예제는 인라인 스타일을 사용하지만 가장 적합한 유형의 스타일 은 외부 스타일 시트에 넣어 지므로 하나 이상의 요소에 영향을 줄 수 있습니다. 클래스를 사용하여 텍스트 블록에 스타일을 설정할 수 있습니다. 예 :
   1. class = "arial">이 텍스트는 Arial에 있습니다.
   2. CSS 사용 :
   3. .arial {font-family : Arial; }