CSS에서 글꼴 모음은 무엇을 의미합니까?
- 青灯夜游원래의
- 2020-12-16 17:17:3633469검색
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에서 글꼴 모음은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!