woff1 웹 폰트 이해하기｜폰트 확장자·브라우저·최적화 한 번에 정리 웹디자인이나 퍼블리싱을 처음 배우다 보면 “내 컴퓨터에서는 잘 보이는데 다른 사람 컴퓨터에서는 왜 다르게 보일까?”라는 의문이 생긴다. 이 차이는 브라우저에서 폰트가 출력되는 구조를 이해하면 자연스럽게 해결된다.이 글에서는 디자이너·퍼블리셔 관점에서 폰트가 브라우저에 출력되는 전체 흐름, 기본 폰트와 웹 폰트의 차이, 그리고 실제 서비스에서 중요한 웹 폰트 최적화 이유와 방법까지 정리해 본다.브라우저에서 폰트가 출력되는 기본 구조1. 디자인 단계디자이너가 디자인한 화면에는 특정 폰트가 사용된다. 이때의 폰트는 아직 ‘디자인 결과물’ 일뿐, 웹에서 바로 사용 가능한 상태는 아니다.2. 퍼블리싱 단계 (CSS 적용)퍼블리셔는 디자이너가 사용한 폰트를 기준으로 CSS 코드를 작성한다. 이 CSS 파일은 서버에.. 2025. 12. 14. 이전 1 다음
