시안 코딩 과제를 하던중 ..
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&display=swap');
구글폰트에서 웹폰트를 가져오는 중이었는데요
이 소스에서 맨 뒤에 보면 display=swap
이라는게 붙어있습니다.
이게 무슨뜻일까요? 갑자기 궁금해져서 찾아보았습니다! 🥴
display=swap
은 웹 폰트를 사용할 때 사용되는 옵션 중 하나로, 페이지가 로드될 때 폰트의 다운로드를 지연시키지 않고 페이지의 스타일이 변경되기 전에 빠르게 폰트를 로드할 수 있다.
이를 통해 사용자가 더 빠르게 폰트가 적용된 웹 페이지를 볼 수 있게 된다.