다음 코드에서 실제로 화면에 표시될 폰트는 무엇인가요? ```html <head> <lin... | CSS

CSS - 문제 미리보기

문제 1192

hard

다음 코드에서 실제로 화면에 표시될 폰트는 무엇인가요? ```html ```

A. text1: Roboto, text2: Ubuntu

B. text1: Roboto, text2: Open Sans

C. text1: Arial, text2: serif

D. text1: Roboto, text2: serif

정답: D

이 문제는 Google Fonts 로딩과 fallback 메커니즘을 이해하는 문제입니다. Google Fonts 링크에서는 "Roboto"와 "OpenSans"만 요청했습니다. text1은 "Roboto"가 성공적으로 로드되므로 Roboto 폰트로 표시됩니다. 하지만 text2에서 요청한 "Ubuntu"는 Google Fonts에서 로드되지 않았고, "Open Sans"도 링크에서는 "OpenSans"로 요청했지만 CSS에서는 "Open Sans"(공백 포함)로 작성되어 매치되지 않습니다. 따라서 마지막 fallback인 serif 폰트가 사용됩니다.

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.