>  기사  >  웹 프론트엔드  >  HTML 태그의 글꼴을 변경하는 방법

HTML 태그의 글꼴을 변경하는 방법

青灯夜游
青灯夜游원래의
2021-03-03 17:36:506395검색

HTML에서 라벨 글꼴을 변경하는 방법: 1. 글꼴 계열을 변경하려면 글꼴 계열 속성을 사용합니다. 2. 기울임꼴, 기울임꼴 텍스트 등과 같은 글꼴 스타일을 변경하려면 글꼴 스타일 속성을 사용합니다. . 글꼴 크기를 변경하려면 글꼴 크기 속성을 사용하세요. 4. 글꼴 두께를 변경하려면 글꼴 무게 속성을 사용하세요.

HTML 태그의 글꼴을 변경하는 방법

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 글꼴 속성은 글꼴, 굵게, 크기, 텍스트 스타일을 정의합니다.

css 글꼴 계열 속성

CSS에는 두 가지 유형의 글꼴 계열 이름이 있습니다.

  • 유니버설 글꼴 계열 - 비슷한 모양을 공유하는 글꼴 시스템의 조합(예: "Serif" 또는 "Monospace")

  • 특정 글꼴 패밀리 - 특정 글꼴 패밀리(예: "Times" 또는 "Courier")

HTML 태그의 글꼴을 변경하는 방법

글꼴 패밀리 속성은 텍스트의 글꼴 패밀리를 설정합니다.

font-family 속성은 "대체" 메커니즘으로 여러 글꼴 이름을 설정해야 하며, 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도하게 됩니다.

참고: 글꼴 모음 이름이 두 문자 이상인 경우 글꼴 모음: "宋体"과 같이 따옴표로 묶어야 합니다.

css 글꼴 스타일 속성

은 주로 기울임꼴 텍스트의 글꼴 스타일 속성을 지정하는 데 사용됩니다.

이 속성에는 세 가지 값이 있습니다.

  • Normal - 텍스트를 정상적으로 표시

  • Italic - 텍스트가 기울임꼴로 표시됨

  • Slanted text - 텍스트가 옆으로 기울어짐(기울임꼴과 매우 유사하지만 지원이 적음)

p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}

【추천 튜토리얼: CSS 동영상 튜토리얼

css 글꼴 크기 속성

글꼴 크기 속성은 텍스트의 크기를 설정합니다.

HTML 태그의 글꼴을 변경하는 방법

css 글꼴 가중치 속성

글꼴 가중치 속성은 텍스트의 두께를 설정합니다

HTML 태그의 글꼴을 변경하는 방법

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 HTML 태그의 글꼴을 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.