font-stretch CSS 속성을 사용하면 텍스트를 좁거나(축소) 넓게(확장) 만들 수 있습니다.
이러한 유형의 글꼴을 축약이라고도 합니다. 또는 확장 글꼴.
- 축약된 글꼴 획 너비가 좁은 문자가 있습니다. 또한 일반 글꼴에 비해 문자 사이의 간격(문자 간격/행간)이 훨씬 좁습니다.
- 확장 글꼴 높이에 비례하여 일반 글꼴보다 획 너비가 더 넓은 문자가 있습니다.
CSS font-stretch 속성에는 다음 값이 있습니다(글꼴 종류):
- 매우 압축된
- 추가 압축
- 축약
- 반응축
- 보통
- 반 확장
- 확장됨
- 추가 확장
- 매우 확장
코드 예
h1 {
font-family: sans-serif;
font-stretch: expanded;
}
h2 {
font-family: sans-serif;
font-stretch: condensed;
}중요: 대부분의 서체/글꼴 패밀리에는 이러한 축소 또는 확장 글꼴이 제공되지 않습니다.
따라서 font-stretch를 사용하기 전에 CSS 스타일시트의 속성에서 사용 중인 글꼴 모음에 사용하려는 특정 축소 또는 확장 글꼴이 포함되어 있는지 확인하십시오.
참고:font-stretch를 사용하는 경우 선택한 글꼴 모음이 축소 또는 확장 글꼴을 제공하지 않더라도 속성을 사용하면 아무 일도 일어나지 않습니다. 가짜 볼드체나 가짜 이탤릭체와 달리 추악한 가짜(컴퓨터 생성) 글꼴을 얻지 못할 것입니다.
그러나 브라우저 기술은 종종 변경되므로 위험을 감수해야 하는 이유는 무엇입니까?