현재 next.j를 배우고 있습니다. 넥스트팀에서 만든 강좌(https://nextjs.org/learn)를 수강하고 있습니다.
글꼴 및 이미지 최적화와 관련된 섹션이 있습니다.
솔직히 저는 웹 페이지의 특정 요소에 어떤 글꼴이 사용되는지, 글꼴에 대해 많은 관심을 기울인 적이 없습니다.
하지만 이 자료를 통해 당신도 그렇게 할 수 있다는 것을 깨달았습니다. 특정 요소에 어떤 글꼴이 사용되었는지 확인할 수 있습니다. 페이지에 둘 이상의 사용자 정의 글꼴이 있을 수 있으며 이는 유용할 수 있습니다.
저는 Chrome을 기본 브라우저로 사용하고 있으므로 devtools를 열고 사용된 글꼴을 확인했습니다.
이건 꽤 열악하고 정보도 별로 없어 보였습니다.
하지만 Firefox에서 동일한 작업을 수행했는데 Firefox에는 글꼴과 관련하여 훨씬 더 많은 옵션이 있는 것 같습니다. 편집기를 통해 크기, 줄 높이, 간격, 무게를 변경할 수 있습니다. 이는 특히 특정 요소에 가장 적합한 글꼴 속성을 찾으려고 할 때 매우 유용해 보입니다.
글꼴에 관한 이러한 발견은 과거에 레이아웃에 문제가 있었을 때 Chrome보다 Firefox에서 훨씬 더 나은 디버깅을 수행할 수 있다는 사실을 상기시켰습니다.
Firefox는 FE 개발을 Chrome보다 더 유연하게 만들기 위해 CSS에 더 많은 관심을 기울이고 있는 것 같습니다. 다음번에 CSS 작업을 할 때 이 점을 고려해서 Firefox를 기본으로 사용해 보아야 할 것 같습니다!
건배. 좋은 하루 보내세요!
부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.
Copyright© 2022 湘ICP备2022001581号-3