CSS에서 글꼴 모음은 무엇을 의미합니까?-CSS 튜토리얼-php.cn

CSS에서 글꼴 모음은 무엇을 의미합니까?

青灯夜游

풀어 주다： 2023-01-04 09:37:34

원래의

33460명이 탐색했습니다.

CSS에서 글꼴 패밀리는 "글꼴 유형, 글꼴 모음 설정"을 의미합니다. 요소의 글꼴 모음을 지정하는 데 사용되는 속성입니다. 이 속성은 여러 글꼴 이름을 하나로 사용할 수 있습니다. "폴백" 시스템을 사용하여 저장하고, 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다.

CSS에서 글꼴 모음은 무엇을 의미합니까?

(권장 튜토리얼: CSS 비디오 튜토리얼)

css 글꼴 패밀리 속성

CSS에서 글꼴 모음은 무엇을 의미합니까?

font - family 속성은 요소의 글꼴을 지정합니다.

font-family는 여러 글꼴 이름을 "대체" 시스템으로 저장할 수 있습니다. 브라우저가 첫 번째 글꼴을 지원하지 않으면 다음 글꼴을 시도합니다. 즉, 글꼴 패밀리 속성의 값은 요소에 사용할 글꼴 패밀리 이름 및/또는 클래스 패밀리 이름의 우선 순위 목록입니다. 브라우저는 인식한 첫 번째 값을 사용합니다.

글꼴 패밀리 이름에는 두 가지 유형이 있습니다.

지정된 패밀리 이름: "times", "courier", "arial"과 같은 특정 글꼴의 이름입니다.
일반적인 글꼴 모음 이름: 예: "serif", "sans-serif", "cursive", "fantasy", "monospace"

팁: 각 값을 쉼표로 구분하고 항상 클래스를 제공하세요. 최후의 수단으로 성을 사용합니다.

구문 형식:

css 구문:

font-family:字体1,字体2,...;

로그인 후 복사

JavaScript 구문:

object.style.fontFamily="arial,sans-serif"

로그인 후 복사

특정 글꼴 계열(Geneva) 사용은 해당 글꼴 계열을 사용자 컴퓨터에서 사용할 수 있는지 여부에 따라 완전히 달라집니다. 다운로드 . 따라서 일반적인 글꼴 계열 이름을 대체 수단으로 사용하는 것이 좋습니다.

예:

<!DOCTYPE html><html><head><meta charset="utf-8" />
<title>css font-family属性设置元素的字体</title>
<style type="text/css">
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style></head><body><h1>font-family</h1>
<p class="serif">这里是“Times New Roman”字体</p>
<p class="sansserif">这里是 “Arial”字体</p>
</body>
</html>

로그인 후 복사

실행 결과:

CSS에서 글꼴 모음은 무엇을 의미합니까?