CSS font-variation-settings 속성의 용도는?

Q: CSS font-variation-settings 속성의 용도는?

가변 폰트(Variable Font)의 축(weight, width, slant 등)을 세밀하게 조절한다 font-variation-settings는 OpenType 가변 폰트의 각 축을 4글자 태그로 제어합니다. 예: 'wght' 700(굵기), 'wdth' 120(너비), 'slnt' -12(기울기). 하나의 폰트 파일로 다양한 스타일을 표현할 수 있어 웹 성능과 디자인 유연성을 동시에 확보합니다.

어려움 MDN Web Docs

보기 및 정답

A 가변 폰트(Variable Font)의 축(weight, width, slant 등)을 세밀하게 조절한다

B text-overflow: ellipsis는 overflow: hidden 없이도 독립적으로 작동한다

C font-weight: bold와 font-weight: 700은 다른 굵기를 나타내는 값이다

D writing-mode를 vertical-rl로 변경하면 텍스트의 흐름 방향만 바뀌고 블록과 인라인 방향은 그대로 유지된다

해설

font-variation-settings는 OpenType 가변 폰트의 각 축을 4글자 태그로 제어합니다. 예: 'wght' 700(굵기), 'wdth' 120(너비), 'slnt' -12(기울기). 하나의 폰트 파일로 다양한 스타일을 표현할 수 있어 웹 성능과 디자인 유연성을 동시에 확보합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS font-variation-settings 속성의 용도는?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩