폰트 사용 가이드
설치, 선택, 페어링 및 모범 사례를 포함한 전문 폰트 사용 가이드
폰트 설치 가이드
Windows 설치
- 1. 폰트 파일(TTF, OTF 등)을 다운로드합니다
- 2. 폰트 파일을 우클릭하고 "설치"를 선택합니다
- 3. 또는 폰트 파일을 C:\Windows\Fonts로 드래그합니다
- 4. 새 폰트를 사용하려면 애플리케이션을 재시작합니다
macOS 설치
- 1. 폰트 파일을 다운로드합니다
- 2. 폰트 파일을 더블클릭하여 Font Book을 엽니다
- 3. "폰트 설치"를 클릭합니다
- 4. 폰트가 시스템 전체에서 사용 가능해집니다
웹 폰트 설치
웹 프로젝트의 경우 CSS @font-face 또는 Google Fonts와 같은 웹 폰트 서비스를 사용하세요:
@font-face {
font-family: 'YourFont';
src: url('path/to/font.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}폰트 선택 원칙
대상 고려하기
대상 고객의 기대와 읽기 습관에 맞는 폰트를 선택하세요. 정식 콘텐츠는 세리프 폰트가 필요할 수 있고, 현대적인 인터페이스는 종종 산세리프 폰트와 더 잘 작동합니다.
브랜드와 일치시키기
폰트는 브랜드의 성격을 반영해야 합니다. 기술 회사는 깔끔한 산세리프를 선택할 수 있고, 럭셔리 브랜드는 우아한 세리프 폰트를 선호할 수 있습니다.
가독성 고려하기
폰트가 사용하려는 크기에서 읽기 쉬운지 확인하세요. 다양한 맥락과 다양한 기기에서 테스트하세요.
폰트 페어링 가이드
세리프 + 산세리프
클래식한 조합입니다. 제목에는 세리프를, 본문에는 산세리프를 사용하세요. 이는 좋은 대비와 계층을 만듭니다.
예시:
Georgia (세리프) + Arial (산세리프)
산세리프 + 산세리프
다른 굵기나 스타일의 폰트를 선택하세요. 하나는 제목용, 하나는 본문용입니다. 서로 보완되는지 확인하세요.
예시:
Helvetica (제목) + Open Sans (본문)
폰트 페어링 팁
- 프로젝트당 2-3개 폰트로 제한하세요
- 폰트 간 충분한 대비를 확보하세요
- 폰트 굵기와 스타일을 고려하세요
- 다양한 맥락에서 가독성을 테스트하세요
타이포그래피 계층
시각적 계층 만들기
제목 (H1, H2, H3)
명확한 계층을 만들기 위해 더 크고 굵은 폰트를 사용하세요
본문 텍스트
좋은 줄 간격이 있는 읽기 쉬운 폰트를 선택하세요
캡션 및 라벨
보조 정보에는 더 작고 가벼운 폰트를 사용하세요
일반적인 폰트 사용 실수
너무 많은 폰트 사용
일관성을 유지하고 시각적 혼란을 피하기 위해 최대 2-3개 폰트로 제한하세요.
가독성 무시
스타일을 위해 가독성을 희생하지 마세요. 의도된 크기에서 폰트를 테스트하세요.
부족한 대비
폰트와 배경색 간에 충분한 대비를 확보하세요.
일관성 없는 간격
디자인 전체에서 일관된 줄 간격과 글자 간격을 유지하세요.
모범 사례
폰트 사용 모범 사례
- 최종 결정 전에 항상 맥락에서 폰트를 테스트하세요
- 웹 폰트의 로딩 시간을 고려하세요
- 웹 프로젝트를 위한 대체 폰트를 제공하세요
- 다양한 목적에 적절한 폰트 굵기를 사용하세요
- 모든 접점에서 일관성을 유지하세요
- 접근성과 가독성 표준을 고려하세요