CSS Fonts(글꼴)

face 규칙

CSS 글꼴 속성은 글꼴에 다양한 스타일을 설정할 수 있으며, 예를 들어 텍스트의 글꼴 시리즈, 크기, 굵기, 변형 등을 설정할 수 있습니다.

글꼴 속성font-family，font-글꼴 스타일，font-variant，font-글꼴 두께와font-%;. 텍스트 내용의 CSS 스타일로 글꼴을 설정할 때, 다음과 같은 몇 가지 속성을 제공합니다:

다음 장에서는 이러한 속성들을 차례대로 소개할 것입니다.

CSS 속성은 텍스트 내용의 글꼴 시리즈 이름을 설정할 수 있으며, 글꼴 사용의 우선 순위 목록을 설정할 수 있습니다.font-family글꼴 시리즈

CSS 속성은 텍스트 내용의 글꼴 시리즈 이름을 설정할 수 있으며, 글꼴 사용의 우선 순위 목록을 설정할 수 있습니다.font-family속성은 다른 글꼴 이름을보조글꼴. 먼저 원하는 글꼴을 나열한 후, 모든 글꼴(사용할 수 없는 경우)을 나열합니다. 첫 번째 글꼴을 브라우저가 지원하지 않으면 다음 글꼴을 시도합니다. 글꼴 시리즈 선언은 다음과 같이 될 수 있습니다:

p　{
　　　　font-family: "Times New Roman", Times, serif;
}

等等。

일반적인 글꼴 조합에 대한更多信息를 알고 싶다면, 네트워크 글꼴을 확인하십시오.

通过将使用em单位的任何元素，具有易于记忆的转换，font-글꼴 스타일style

속성을 통해 요소의 텍스트 내용의 글꼴 스타일을 설정한다.normal，첫눈에 보면 oblique 스타일과 italic 스타일이 같아 보일 수 있지만, 차이가 있다.이 속성의 가능한 값은 다음과 같다:의 글꼴, 그리고。

또는
　　　　font-p.one {
}
style: normal;
　　　　font-p.two {
}
style: italic;
　　　　font-p.three {
}

보통 글꼴

font-%;글꼴 크기

속성을 통해 요소의 텍스트 내용의 글꼴 크기를 설정한다.

글꼴 크기를 지정하는 방법이 여러 가지가 있다. 예를 들어, 키워드, 픽셀 또는 em을 사용할 수 있다.

키워드로 글꼴 크기를 설정하면x-small，medium-small，small，body 요소에 키워드 글꼴 크기를 설정하면, 페이지의 다른 곳에서도 상대적인 글꼴 크기를 설정할 수 있어, 전체 페이지에서 글꼴을 쉽게 조정할 수 있다. 다음 중 하나의 절대적인 크기를 지정할 수 있다:，xx，medium-xx，x-xx。

large대상 크기를 다음 중 하나의 키워드로 지정할 수 있다:smaller、、。

，等。请参阅以下示例：
　　　　font-larger
}
h1　h
　　　　font-size: large;
}
p　{
　　　　font-size: larger;
}

size: smaller;

픽셀로 글꼴 크기를 설정하면12픽셀 정확도가 필요할 때는 픽셀 값(예:16px,

h1　h
　　　　font-size　24px와 같은) 글꼴 크기를 설정하는 것은 좋은 선택이다. 그러나, 결과는 브라우저에 따라 다를 수 있으며, 이들은 비슷한 효과를 실현하기 위해 다른 알고리즘을 사용한다.
}
p　{
　　　　font-size　14px와 같은) 글꼴 크기를 설정하는 것은 좋은 선택이다. 그러나, 결과는 브라우저에 따라 다를 수 있으며, 이들은 비슷한 효과를 실현하기 위해 다른 알고리즘을 사용한다.
}

px;

모든 브라우저에서 텍스트 크기를 조정할 수 있다. 그러나, 이 기능은 텍스트만이 아니라 전체 페이지 크기를 조정한다.

px=em으로 글꼴 크기를 설정하면

px=의 크기는 동적으로 정의된다. 단위는 부모 요소의 글꼴 크기를 의미한다.font-%;속성에 대해, an px=요소의 부모 요소에 적용된 글꼴 크기와 같다.

만약font-%;body 요소에 a를 설정하면20px라면1em=20px와2em=40px。

页面上的任何地方에 글꼴 크기를 설정하지 않았다면, 그것은 브라우저의 기본 값으로, 이는16px. 따라서 기본적으로1em=16em　=와2em=32em　=。

h1　h
　　　　font-size　2size:　　　　/*　32em　=/16值通过这种方式2px=　*/
}
p　{
　　　　font-{875size:　　　　/*　14em　=/16size:　0.875px=　*/
}

放大了大小调整后的文本的大小。（在发布之前最后进行测试）。

使用百分比和Em的组合font-%;在所有浏览器中实现类似效果的解决方案是font-%;为body元素设置默认的百分比。一种流行的技术是62em;5将body的设置为%16（即默认62em;5px的10％），等于625px或0.

em。font-%;现在，您可以设置em　=通过将使用em单位的任何元素，具有易于记忆的转换，10通过10值通过这种方式1px=，12值通过这种方式1em;2px=，14值通过这种方式1em;4px=，16值通过这种方式1em;6px=em

，等。请参阅以下示例：
　　　　font-size　62em;5body　{　　　　/*　font-%;　1.　10em　=　*/
}
p　{
　　　　font-size　1em;6size:　　　　/*　1em;6.　16em　=　*/
}

建议使用EM或百分比（％）值，以创造更强大的，可扩展的布局。

font-글꼴 두께weight

font-속성은 글꼴 두께나 bold를 지정합니다.normal，bold，bolder，lighter，100，200，300，400，500，600，700，800，900와inherit。

• style 속성의 가능한 값은 다음과 같습니다：100- 900수치400지정된 글꼴 두께와, 각 숫자는 그 이전의 두께보다 어둡게 표시된 두께를 나타냅니다.normal＆700와 같습니다bold。

• 의bolder와lighter의 값은 상속 글꼴 두께에 상대적입니다.

p　{
　　　　font-weight:　bold;
}

다수의 글꼴은 제한된 무게로만 사용할 수 있습니다. 일반적으로, 그들은normal와粗体显示。지정된 무게에서 글꼴이 사용할 수 없다면, 가장 가까운 사용 가능한 무게의 대체 글꼴을 선택합니다.

글꼴 변형

font-variant속성은 특수 대문자 형식으로 텍스트를 표시할 수 있습니다.

소문자 대문자 또는소문자 대문자일반 대문자와 약간 다르게, 일반 대문자에서 소문자는 해당 대문자의 작은 버전으로 표시됩니다.

font-variant속성의 값은可能是normal，small-caps와inherit。

p　{
　　　　font-variant:　small-caps;
}