웹 사이트에 가장 잘 맞는 글꼴을 선택하는 방법
업계, 회사 규모 또는 기타 차별화 요소에 관계없이 모든 웹 사이트를 살펴보고 공통된 내용을 텍스트 콘텐츠로 확인하십시오. 텍스트가 표시되는 방식은 활판 인쇄 디자인의 실습이며 사이트의 모양과 느낌뿐만 아니라 성공의 가장 중요한 측면 중 하나입니다.
오랜 세월 동안 웹 디자이너는 자신이 만든 웹 사이트에 해당 글꼴을 안정적으로 표시하려는 경우 사용할 수있는 글꼴의 수를 제한했습니다. 대부분의 컴퓨터에서 발견 된 이러한 글꼴은 "웹 안전 글꼴"로 알려져 있습니다. 특정 웹 사이트 디자인에서 특정 글꼴을 사용할 수없는 이유를 설명하려고 할 때 웹 디자이너가이 용어를 사용했을 수도 있습니다.
지난 몇 년 동안 웹 타이포그래피 는 많은 발전을 거듭했으며 웹 디자이너와 개발자는 더 이상 웹 안전 글꼴을 사용하지 않고 있습니다. 웹 글꼴 의 등장과 글꼴 파일에 직접 연결하는 기능은 웹 사이트 글꼴 사용에 대한 완전히 새로운 가능성을 열었습니다. 많은 새로운 글꼴 선택에 접근 할 수있는만큼 유용하기 때문에, 시도하고 진정한 웹 안전 글꼴은 여전히 현대 웹 디자인에서 중요한 위치를 차지합니다.
웹 글꼴에 연결하기
사이트의 사용중인 글꼴이 다른 사람의 컴퓨터에 없을 수도 있으므로 웹 글꼴 파일에 연결하여 방문객의 컴퓨터 대신 해당 글꼴 파일을 사용하도록 웹 사이트에 지시해야합니다. 나머지 사이트 자산과 함께 포함되거나 타사 글꼴 서비스를 사용하여 링크 될 수있는 외부 글꼴에 연결하면 거의 제한없는 글꼴 선택이 가능하지만 가격은 저렴합니다. 외부 글꼴을 사이트에로드해야하므로 웹 페이지 로딩 시간에 성능에 영향 을줍니다. 이것은 웹 안전 글꼴이 여전히 유익 할 수있는 곳입니다! 이러한 글꼴 파일은 방문자의 컴퓨터에서 직접로드되기 때문에 웹 사이트가로드 될 때 성능에 영향을주지 않습니다. 이것이 많은 웹 디자이너들이 이제 신뢰할 수있는 웹 안전 글꼴과 함께 다운로드해야하는 웹 글꼴의 혼합을 사용하는 이유입니다. 사이트 성능과 전반적인 다운로드 영향을 관리하면서도 새롭고 이국적인 글꼴에 액세스 할 수 있다면이 두 가지 방법이 가장 좋습니다.
산 세리프 웹 안전 글꼴
이 글꼴 군은 웹 안전 글꼴을위한 최선의 방법 중 하나입니다. 폰트 스택 에이를 포함 시키면 거의 모든 사람들이 페이지를 올바르게 볼 수 있습니다. 일반적인 산세 리프 웹 안전 글꼴은 다음과 같습니다.
- Arial
- Arial Black
- Tahoma
- Trebuchet MS
- Verdana
전반적인 범위를 넓히고 일부 컴퓨터에서 누락 될 수있는 다른 산 세리프 선택은 아래 목록과 같습니다. 꼭 기억해 두어야 할 점은 위의 목록에서 글꼴 스택에있는 백업으로 더 일반적인 것을 포함해야한다는 것입니다.
- 세기 고딕
- 제네바
- 루시이다
- 루시 다 산스
- 루시 다 그란데
세리프 웹 안전 글꼴
sans-serif 글꼴 외에도 serif 글꼴 패밀리가 웹 사이트의 또 다른 인기있는 선택입니다. serif 글꼴을 원한다면 사용할 수있는 가장 안전한 방법은 다음과 같습니다.
- 급사
- 택배 신규
- 그루지야
- 타임스
- Times New Roman
다시 한번, 아래 목록은 많은 컴퓨터에있을 글꼴이지만 위 목록과 같이 전반적인 적용 범위가 적습니다. 이 글꼴은 꽤 안정적으로 사용할 수 있지만 글꼴 스택에 일반적인 serif 글꼴 (위 목록에서)을 포함해야합니다.
- MS Serif
- 뉴욕
- 팔라티노
- 팔라티노 라이노 타이프
고정 폭 글꼴
serif 및 sans-serif 글꼴로 널리 사용되지는 않지만 모노 스페이스 글꼴도 옵션입니다. 이 글꼴은 문자가 모두 동일한 간격으로 떨어져있는 글꼴입니다. 플랫폼 전반에 걸쳐 널리 수용되지는 않지만 모노 스페이스 글꼴을 사용하려면 다음이 최선의 방법입니다.
- 급사
- 택배 신규
이 글꼴에는 또한 일부 적용 범위가 있습니다.
- 루시 다 콘솔
- 모나코
필기체 및 판타지 글꼴
필기체 및 판타지 글꼴은 serif 또는 sans-serif로 널리 사용되지 않으며 이러한 글꼴의 화려한 특성으로 인해 본문 복사본으로 사용할 수 없습니다. 이러한 글꼴은 더 큰 글꼴 크기로 설정되고 텍스트가 짧은 경우에만 헤드 라인과 제목으로 사용되는 경우가 많습니다. 스타일리스트에서 볼 때 이러한 글꼴은 정말 멋지지만 글꼴을 사용하여 설정 한 텍스트의 읽기 쉽도록 글꼴의 모양을 비교해야합니다.
Windows 및 Macintosh 에서는 사용할 수 있지만, Linux에서는 사용할 수없는 글꼴이 하나뿐입니다. Comic Sans MS입니다. 브라우저와 운영 체제 전반에 걸쳐 잘 적용되는 판타지 글꼴은 없습니다. 즉, 웹 사이트에서 판타지 글꼴의 필기체를 사용하는 경우 해당 글꼴을 웹 글꼴로 사용하고 해당 글꼴 파일에 연결하는 것입니다.
스마트 폰 및 모바일 장치
모바일 장치 용 페이지를 디자인하는 경우 웹 안전 글꼴 선택이 다양합니다. iPhone, iPod 및 iPad 장치의 경우 일반 글꼴에는 다음이 포함됩니다.
- Arial
- 급사
- 택배 신규
- 그루지야
- 헬 베티 카
- 팔라티노
- Times New Roman
- Trebuchet MS
- Verdana
외부 글꼴을로드 할 수 있으면 장치에서 장치까지 훨씬 일관된 모양을 유지할 수 있으므로 웹 글꼴은 다중 장치 디자인을 고려할 때 탁월한 선택입니다. 그런 다음 다운로드 한 글꼴을 하나 또는 두 개의 웹 안전 옵션으로 부드럽게 조절하여 사이트가 성공하는 데 필요한 모양과 성능을 얻을 수 있습니다.
Jennifer Krynin의 원본 기사입니다. 제레미 지라드 편집 : 8/8/17