반응형
결론
웹폰트는 <link>방식이 성능이 좋기 때문에 @import 말고 <link>를 사용하자.
| <link> | @import | |
| 로딩 시점 | HTML 파싱 시에 바로 요청 | CSS파일 로드 후 요청 시작 |
| 속도 | 빠름 | 느림 |
| SEO/접근성 | 좋음 | 영향 없음 |
| google pagespeed insights | 권장 | 비권장 |
728x90
'웹 스터디노트 > CSS' 카테고리의 다른 글
| CDN을 이용한 "pretendard variable" 웹폰트 적용 (성능 최적화 버전) (0) | 2025.04.18 |
|---|---|
| [css] & nesting 선택자 (0) | 2025.02.13 |
| css로 요소 1개인지 체크방법 (0) | 2024.01.31 |
| 갤럭시 폴드의 실제 가로 해상도는 345px (0) | 2024.01.29 |
| 마우스 커서를 이미지로 변경하기 (0) | 2023.09.22 |
| [CSS] ":nth-child()"로 몇 번부터 몇 번까지 선택하기 (0) | 2023.08.21 |
| [css] 텍스트 안에 그라데이션 배경 움직여보기 (0) | 2023.06.08 |
| 최근 네이버 CSS 초기화 코드 (mo/pc) (0) | 2023.05.25 |
댓글