웹폰트 썸네일형 리스트형 [HTML] 구글 웹폰트 적용하기 - preconnect, preload 속성 ✨구글 웹폰트 적용하기 일반적으로 웹 폰트를 적용할 때에는 index.html 페이지에서 태그를 이용하여 연결하는 방법을 사용한다.(또는 스타일 시트에서 @import) 구글 웹 폰트에서 친절하게 사용방법을 알려준다. 1. 속성 태그의 rel 속성은 현재 문서와 외부 리소스 사이의 연관 관계를 명시한다. rel은 link태그의 필수 속성이므로 반드시 명시하여야 한다. 자세한 속성 값들은 여기에서 자세히 확인 할 수 있다. 2. preconnect, preloasd 평소 개인적으로 프로젝트를 진행할 때는 이 부분만 연결하여 사용하기도 했었는데, 문득 다음과 같은 "preconnect" 속성 값들이 사용되는 이유에 대해 궁금해졌다. preconnect : 브라우저가 대상 리소스의 원본에 미리 연결하도록 명시.. 더보기 이전 1 다음