Material--icons_4.0.0.woff2
Material--icons_4.0.0.woff2 는 리소스 크기가 3mb인데 해당 폰트는 font-display:block으로 하지 않는이상 폰트 다운드로 전에 영어를 출력시키거나 안보이도록 해야하는되 이 부분 레이아웃 시프트 발생하지 않도
록 cls 잡는 방법이 무엇이 존재할까요???
回答 1
0
안녕하세요, lab ajung 님.
말씀하신 Material--icons_4.0.0.woff2의 출처가 어디일까요?
찾아봤지만, Material icons 에서 저런 형태로 제공하는건 못찾겠네요.
(https://github.com/google/material-design-icons/tree/master/font)
우선 아이콘을 쓸 때 폰트로는 거의 사용해보지 않아서 잘은 모르겠지만,
공식 가이드에서 어떻게 최적화를 할 수 있는지를 찾아보시면 좋을 것 같습니다.
깃허브 이슈라던가 찾아보시면 있지 않을까 생각됩니다.
제가 만약 최적화를 한다면,
필요한 아이콘만 추출(subset)하여 사용
가능하다면 폰트형태가 아닌 svg형태로 아예 필요한 것만 사용하는 형태로 변경
preload 적용
이 정도 고려해볼 수 있지 않을까 생각됩니다.
그럼 도움이 되셨길 바라며, 강의에 관심을 가져주셔서 감사합니다! :)
예제 프로젝트 관련 질문입니다.
0
73
1
개발환경에 대한 안내
1
162
2
layout shift가 아주 약간 일어나는 부분에 대해
0
312
2
3-4) 이미지 사이즈 최적화 과정에서 img 태그 작동 안되는 문제
0
299
2
코드 실행 시 에러 관련 질문드립니다!!
1
581
1
npm run serve가 동작하지 않아요
0
705
1
lighthouse 측정에 관해 질문드려요
2
1008
1
webp 확장자질문
1
424
1
이미지 지연 로딩 질문 있습니다!
2
448
1
폰트 포멧에 대한 질문입니다.
1
390
2
궁금한 점이 있어요
1
350
1
css font-face unicode-range
1
361
1
woff2 포멧 IE에서 사용가능 여부
1
422
2
3-3 이미지 지연 로딩 코드 어디서 보나요?
1
328
1
img 태그가 작동이 되지 않습니다.
1
407
1
질문있습니다~
2
223
1
이미지 오류 요청 오류
1
399
1
안녕하세요~ 질문드립니다
1
305
1
궁금한점이 있습니다.
1
228
1
강의자료
1
207
2
안녕하세요 리액트 최적화 관련하여 질문드립니다.
2
1462
1
선생님 질문이 하나 있는데요~~
1
378
2
정말유익해요
2
217
1
궁금한 점이 있습니다.
1
263
1