HTML에서 글꼴을 설정하는 방법

HTML에서 글꼴을 설정하는 방법: 1. [font-variant] 속성은 작은 대문자를 설정할 수 있습니다. 2. [font-weight] 속성은 텍스트의 두께를 설정합니다. 3. [font-size] 속성은 텍스트의 크기를 설정합니다. .

이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터.

html에서 글꼴을 설정하는 방법:

1. 글꼴 변형

font-variant 속성은 소문자 대문자를 설정할 수 있습니다. font-variant 属性可以设定小型大写字母。

小型大写字母不是一般的大写字母，也不是小写字母，这种字母采用不同大小的大写字母。

实例

p {font-variant:small-caps;}

2、字体加粗

font-weight 属性设置文本的粗细。

使用 bold 关键字可以将文本设置为粗体。

关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。

如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移。

实例

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

3、字体大小

font-size

작은 대문자는 일반적인 대문자도 아니고 소문자도 아닙니다. 이 글자들은 다양한 크기의 대문자를 사용합니다.

Example

rrreee

2. Fontbold

font-weight 속성은 텍스트의 두께를 설정합니다. 텍스트를 굵게 표시하려면 굵은 키워드를 사용하세요. 키워드 100 ~ 900은 글꼴의 굵기 수준을 9단계로 지정합니다. 글꼴에 이러한 굵은 글꼴 수준이 내장되어 있는 경우 숫자는 미리 정의된 수준에 직접 매핑됩니다. 100은 가장 얇은 글꼴 변형에 해당하고 900은 가장 두꺼운 글꼴 변형에 해당합니다. 숫자 400은 보통에 해당하고, 700은 굵은 글씨에 해당합니다. 요소의 굵기를 더 굵게 설정하면 브라우저는 상속된 값보다 더 굵은 글꼴 굵기를 설정합니다. 대조적으로, 키워드 라이터를 사용하면 브라우저가 굵게를 높이는 대신 아래로 이동합니다.

Example🎜rrreee🎜🎜3. Font size🎜🎜🎜font-size 속성은 텍스트의 크기를 설정합니다. 🎜🎜웹 디자인의 세계에서는 텍스트 크기를 관리하는 능력을 갖는 것이 중요합니다. 그러나 단락이 제목처럼 보이도록 텍스트 크기를 조정하거나 제목이 단락처럼 보이도록 조정해서는 안 됩니다. 🎜🎜제목을 표시하려면 4a249f0d628e2318394fd9b75b4636b1 - 4e9ee319e0fa4abc21ff286eeb145ecc과 같은 올바른 HTML 제목을 사용하고 단락을 표시하려면 e388a4556c0f65e1904146cc1a846bee 🎜🎜font-size 값은 절대적이거나 상대적일 수 있습니다. 🎜🎜🎜🎜관련 학습 권장사항: 🎜🎜🎜html 비디오 튜토리얼🎜🎜🎜🎜

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