
▪️ 웹폰트 최적화 몇글자, 한줄에만 적용하기 위해 웹폰트를 불러오는 것은 비효율적일 수 있다(렌더링에 시간 오래걸림) 간단한 문구는 아예 이미지로 만들어서 삽입하는 게 더 효율적이다 혹은 다음과 같은 방법을 사용할 수 있다 1) 구글폰트 API를 활용 - 적용하고자 하는 텍스트에만 웹폰트를 적용할 수 있다 2)서브셋 폰트 메이커 혹은 font tools 라이브러리 를 활용하여 subset 폰트 생성하여 적용 3) unicode-range 속성 사용하기 - unicode-range 속성에 일치하는 글자만 렌더링 시 폰트 다운 @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: local('NanumGoth..
Today I Learned
2021. 11. 15. 15:01
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 티스토리챌린지
- 자바스크립트에러
- #앞서가는개발자의비밀 #걸스인텍 #GirlsinTech #원티드
- 웹폰트최적화
- IT행사
- 멋쟁이사자처럼굿즈
- Til
- 에러잡기
- 멋사굿즈
- LinkedIn Skill Assessment
- 부트캠프지원후기
- 2021년회고
- 멋쟁이사자처럼 프론트엔드스쿨
- 스터디회고
- 멋쟁이사자처럼
- 부트캠프합격후기
- CSS설계기법
- 테크세미나
- 오픈소스컨트리뷰션아카데미
- CSS함수
- SW웰컴즈걸스
- 회고
- 해냄기록
- 링크드인보유기술
- 실무취업특강
- 멋사프론트엔드스쿨
- 멋쟁이톡
- IT행사참여후기
- 링크드인실력평가
- 오블완
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
글 보관함