웹폰트 너무 무겁게 쓰지 마세요 (실무 디자이너 필독!)
안녕하세요, 웹 퍼블리싱 하시는 분들이라면 다들 한번쯤 느껴보셨을 거예요.
"사이트는 멋진데 왜 이렇게 느리지?"
그 원인 중 하나가 바로 웹폰트(Web Font) 과다 사용입니다.
웹폰트는 최대 2종 이내로 줄이세요
한글 폰트는 용량이 크기 때문에 subset(부분 글리프) 만 쓰는 것도 고려
font-display: swap; 꼭 사용해서 FOUT(깜빡임) 방지
@font-face {
font-family: 'GmarketSans';
src: url('/fonts/GmarketSans.woff2') format('woff2');
font-display: swap;
}
예쁜 건 정말 중요하지만,
빠른 로딩 + UX + 접근성까지 고려한 디자인이
진짜 실력 있는 디자이너의 작품이라는 걸 점점 느끼고 있습니다 ^^
댓글 1개
5개월 전
감사합니다 잘봤습니다 : )
게시판 목록
디자이너팁
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 252 | 6년 전 | 1840 | ||
| 251 | 6년 전 | 2056 | ||
| 250 | 6년 전 | 1821 | ||
| 249 |
찐찐222
|
6년 전 | 2144 | |
| 248 | 6년 전 | 2133 | ||
| 247 | 6년 전 | 2202 | ||
| 246 | 6년 전 | 1696 | ||
| 245 | 6년 전 | 1312 | ||
| 244 | 6년 전 | 1618 | ||
| 243 | 6년 전 | 2419 | ||
| 242 | 6년 전 | 3086 | ||
| 241 | 6년 전 | 1900 | ||
| 240 |
아이티몬스
|
6년 전 | 2683 | |
| 239 | 6년 전 | 2994 | ||
| 238 | 6년 전 | 2188 | ||
| 237 |
아이티몬스
|
6년 전 | 2747 | |
| 236 | 6년 전 | 1645 | ||
| 235 | 6년 전 | 2243 | ||
| 234 | 6년 전 | 2616 | ||
| 233 |
아이티몬스
|
6년 전 | 2377 | |
| 232 |
아이티몬스
|
6년 전 | 5168 | |
| 231 | 6년 전 | 2545 | ||
| 230 | 6년 전 | 2757 | ||
| 229 |
 Decozal |
6년 전 | 2588 | |
| 228 |
하늘위의길
|
6년 전 | 2901 | |
| 227 |
하늘위의길
|
6년 전 | 2767 | |
| 226 | 6년 전 | 1947 | ||
| 225 |
cube6
|
6년 전 | 2792 | |
| 224 | 6년 전 | 2292 | ||
| 223 | 6년 전 | 3049 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기