실제 사용되는 가변 글꼴

다양한 예시와 함께 가변 글꼴에 관한 실용적인 가이드를 공유합니다.

Rachel Andrew

아직 가변 글꼴을 사용해 보지 않았다면 Evil Martians의 Roman Shamin과 Travis Turner가 작성한 실제 가변 글꼴 도움말에서 몇 가지 훌륭한 사용 사례와 다음 프로젝트에서 변경해야 하는 이유를 알아보세요.

이제 가변 글꼴은 브라우저 지원이 우수합니다. 브라우저에서 모든 변형에 단일 글꼴 파일만 다운로드하면 되므로 성능에 도움이 될 수 있습니다. 그러나 이 도움말에서 볼 수 있듯이 글꼴 굵기를 로고 및 기타 요소와 일치시키고, 밝은 모드와 어두운 모드 간의 대비 문제를 해결하고, 작은 텍스트를 더 읽기 쉽게 만드는 데도 도움이 될 수 있습니다.

Browser Support

  • Chrome: 62.
  • Edge: 17.
  • Firefox: 62.
  • Safari: 11.

Source

Florian Klauer의 히어로 이미지