처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
더보기
인사이트 FAQ 유튜브 카페

로그인

| 비밀번호찾기

추가 정보 입력

서비스 이용을 위해 휴대전화 번호를 입력해주세요.

회원가입

무료 회원가입 가입비 없이 무료로 가입할 수 있습니다

이미 계정이 있으신가요?

비밀번호 찾기

퀴즈 / CSS / 문제

CSS @font-face에서 font-display 속성의 'swap' 값이 의미하는 것은?

보통 MDN Web Docs
보기 및 정답
A 웹 폰트 로딩 전에는 대체 폰트를 먼저 보여주고, 로딩 완료 시 웹 폰트로 교체한다
B font-display: swap은 웹 폰트 로딩 중 텍스트를 아예 숨기는 전략이다
C vertical-align 속성은 블록 요소의 수직 정렬에 사용할 수 있는 속성이다
D display: contents를 적용하면 자식 요소도 함께 레이아웃에서 제거된다

해설

font-display: swap은 웹 폰트 다운로드 중에도 대체 폰트(fallback)로 텍스트를 즉시 표시하고, 웹 폰트가 준비되면 교체합니다. 이를 통해 FOIT(Flash of Invisible Text) 현상을 방지하고 사용자 경험을 개선합니다.

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

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

정규반 살펴보기

관련 문제

CSS에서 color-scheme: light dark 속성을 :root에 설정하면 어떤 효과가 있나요?
CSS
CSS mix-blend-mode 속성의 역할은?
CSS
CSS Flexbox에서 align-items와 align-content의 차이점으로 올바른 것은?
CSS
CSS :where() 선택자가 :is() 선택자와 다른 점은?
CSS
CSS @layer(캐스케이드 레이어)의 주된 목적은?
CSS