웹폰트 너무 무겁게 쓰지 마세요 (실무 디자이너 필독!)
안녕하세요, 웹 퍼블리싱 하시는 분들이라면 다들 한번쯤 느껴보셨을 거예요.
"사이트는 멋진데 왜 이렇게 느리지?"
그 원인 중 하나가 바로 웹폰트(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에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 372 |
선택과집중
|
3개월 전 | 225 | |
| 371 |
선택과집중
|
3개월 전 | 256 | |
| 370 |
선택과집중
|
3개월 전 | 338 | |
| 369 |
선택과집중
|
4개월 전 | 310 | |
| 368 |
선택과집중
|
4개월 전 | 350 | |
| 367 |
nekoieye
|
4개월 전 | 402 | |
| 366 |
선택과집중
|
4개월 전 | 295 | |
| 365 |
선택과집중
|
5개월 전 | 344 | |
| 364 |
선택과집중
|
5개월 전 | 379 | |
| 363 | 9개월 전 | 1063 | ||
| 362 | 10개월 전 | 768 | ||
| 361 | 1년 전 | 1219 | ||
| 360 | 2년 전 | 5133 | ||
| 359 |
별지기천사
|
3년 전 | 3548 | |
| 358 |
 ChristinaWei |
3년 전 | 2615 | |
| 357 | 3년 전 | 2816 | ||
| 356 | 3년 전 | 2371 | ||
| 355 |
네이비블루
|
3년 전 | 2574 | |
| 354 |
네이비블루
|
3년 전 | 2145 | |
| 353 |
웹플레이스
|
3년 전 | 3351 | |
| 352 | 4년 전 | 4528 | ||
| 351 |
 그누그누오 |
4년 전 | 4172 | |
| 350 | 4년 전 | 17281 | ||
| 349 | 4년 전 | 4791 | ||
| 348 | 4년 전 | 4041 | ||
| 347 | 4년 전 | 2526 | ||
| 346 | 4년 전 | 3633 | ||
| 345 | 4년 전 | 3432 | ||
| 344 | 4년 전 | 3320 | ||
| 343 |
루돌프사슴코
|
4년 전 | 2491 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기