2022년 디자인에 사용할 8가지 웹 안전 글꼴
게시 됨: 2022-05-04매력적이고 미학적이며 UX가 풍부한 웹사이트를 만드는 것은 글꼴에만 의존하지 않습니다. 그러나 웹사이트에서 사용하는 글꼴은 원활한 탐색 경험을 위해 방문자가 볼 수 있고 이해할 수 있어야 합니다.
World Wide Web의 원시 시대에는 표준 글꼴이 없었다는 사실이 흥미로울 수 있지만 모든 컴퓨터에서 특정 글꼴을 찾을 수 있습니다. Times New Roman, Arial 및 Helvetica가 몇 가지 예입니다.
글쎄, 이것들은 웹에 안전한 글꼴입니다. @font-face는 그때까지 존재하지 않았기 때문에 이러한 글꼴만 사용하는 것이 좋습니다. 요즘에는 글꼴을 실험할 수 있으며 실제로 이 기술을 사용하여 웹 페이지에서 거의 모든 원격 글꼴 파일을 렌더링할 수 있기 때문에 다양한 웹 안전 글꼴을 마음대로 사용할 수 있습니다.
그렇다면 다양한 웹 안전 글꼴이 필요한 이유는 무엇입니까?
글꼴은 브랜딩 노력의 필수적인 부분이며 글꼴이 의도한 대로 표시되지 않으면 노력이 손상될 수 있습니다.
예전에는 사용하던 글꼴이 의도한 대로 표시되도록 하는 것이 힘든 작업이었고 이러한 이유로 기능 및 디자인 문제가 분명해졌습니다.
따라서 웹에 적합한 글꼴 목록을 살펴보기 전에
왜 그것들을 사용해야 하는지 몇 가지 이유를 살펴보겠습니다. 웹 안전 글꼴 또는 친숙한 글꼴(때때로 언급되기도 함).
1. 브라우저의 여러 옵션
아시다시피 모든 브라우저에는 렌더링되는 기본 글꼴이 있으므로 웹사이트의 글꼴을 읽거나 로드할 수 없는 경우 어떻게 됩니까?
웹에 적합한 글꼴이 있는 경우 브라우저에 여러 글꼴 옵션이 있고 가장 가까운 대안을 먼저 시도하고 프로세스에서 아무 것도 작동하지 않는 경우 브라우저 자체에서 사용하는 글꼴을 사용하므로 이 프로세스를 단순화할 수 있습니다.
2 . 자체 호스팅 글꼴을 사용하는 경우 많은 백업의 가용성
Google Fonts는 전체 아이디어를 변형시켰습니다. 하나는 Google 글꼴에 연결하는 것이 상당히 쉽습니다. 모든 브라우저에서 일반적으로 수용되는 글꼴을 선택할 수 있습니다.
더 잘 설명하자면, 호스팅된 파일 목록에 사용자 정의 글꼴을 추가해도 글꼴 스택에 웹 안전 글꼴이 추가되지 않는 한 호환성이 보장되지 않습니다. 이러한 경우 서버가 다운되거나 사용자의 브라우저가 사용 중인 글꼴을 지원하지 않을 수 있습니다. 요컨대, 전체 사용자 경험은 던져질 수밖에 없습니다.
반면에 웹 안전 글꼴을 글꼴 스택에 추가하면 글꼴이 브라우저의 기본 친화적인 글꼴로 점프하지 않고 단계적으로 우아하게 저하됩니다.
또한 EssentialPlugin의 번들 팩에서 사용할 수 있는 인기 있는 WordPress 플러그인이 많이 있으며 최고의 웹 안전 글꼴의 경우 WordPress Google Fonts Pro를 사용할 수 있습니다.
이 WordPress Google Fonts Pro를 사용하면 테마의 타이포그래피를 완전히 제어할 수 있으며 이는 WP의 모든 테마에서 작동합니다. Easy Post Google Fonts를 사용하면 하나의 게시물/페이지에서 여러 글꼴을 사용할 수 있습니다! 모든 페이지 요소를 지정하고 사용할 Google 글꼴을 지정할 수 있습니다!
최고의 웹 안전 글꼴 목록을 살펴보십시오:
이제 웹사이트에 가장 적합한 글꼴이 무엇인지 궁금할 것입니다. 귀하의 삶을 쉽게 만들기 위해 웹사이트를 디자인할 때 활용해야 하는 친숙한 글꼴의 빠른 목록을 작성했습니다.
1. 바스커빌
John Baskerville이 디자인한 Baskerville은 1750년대로 거슬러 올라가는 웹 안전 글꼴입니다. 이 세리프 글꼴은 뛰어난 가독성과 문자로 인해 다른 글꼴보다 선호되었으며 그 이후로 인기를 얻었습니다.
2. 택배
브랜드나 카피에 복고풍 느낌을 더하고 싶다면 이 글꼴이 적합합니다. 읽기 쉽고 우아한 매력이 있습니다. 이 고정 폭 세리프 글꼴은 타자기 텍스트와 매우 동일하며 일반적으로 기본 이메일 글꼴로 사용됩니다.
3. 디돗
Didot는 1700년대로 거슬러 올라가며 이는 시대를 초월한 이 세리프 글꼴에 대해 많은 것을 말해줍니다. 아직도 Didot를 식별할 수 없습니까? 그 보그 잡지 표지를 기억하십니까? Didot는 웹사이트 디자인에 활용할 수 있는 멋지고 매력적인 글꼴입니다.
4. 가라몬드
목록에 있는 또 다른 주목할만한 세리프 웹세이프 글꼴은 디자이너들이 절대적으로 좋아하는 Garamond입니다. 텍스트가 많은 디자인에 가장 적합한 것으로 간주되며 유난히 잘 나오는 글꼴을 찾고 있다면 어떤 글꼴을 선택해야 하는지 알 수 있습니다.
5. 타임즈 뉴 로만
직접적이고 형식적인 분위기로 인해 Times New Roman은 특히 학술 텍스트나 법률 회사의 콘텐츠인 경우 전 세계적으로 모든 사람들이 인정했습니다. Windows 기본 글꼴이 된다는 것은 그 인기에 대해 많은 것을 말해줍니다. 일반적으로 인쇄된 신문에서 찾을 수 있습니다.
6. 조지아
조지아는 우아함 때문에 매우 인기 있는 또 다른 세리프 웹 안전 글꼴입니다. 왜 그렇게 인기가 있는지 궁금하다면 여기에 답이 있습니다. 가독성은 조지아의 장점 중 하나입니다. 다양한 글꼴 크기에서도 쉽게 읽을 수 있으므로 모바일 반응형 디자인에 가장 적합한 글꼴을 찾고 있다면 Georgia를 선택해야 합니다.
7. 캄브리아
텍스트가 많은 사이트나 블로그에 완벽한 Cambria는 세계에서 가장 인기 있는 웹 안전 글꼴 중 하나입니다. 간격과 비율이 균일하여 특히 화면에서 쉽게 읽을 수 있습니다.
8. 아리알
마지막으로 중요한 것은- Arial! 세계에서 가장 많이 사용되는 폰트라고 해도 과언이 아닙니다. Arial 제품군 웹 안전 글꼴은 모든 OS에서 사용할 수 있기 때문에 안전한 방법입니다.
결론:
웹에 적합한 글꼴을 사용하는 것은 브랜딩 관점에서 매우 중요합니다. 그러나 그것이 유일한 이유는 아닙니다. 웹 사이트 또는 페이지의 디자인 무결성을 유지하려는 경우에도 중요합니다. 필수 글꼴에 대한 자세한 내용은 언제든지 문의하십시오.
후면 추가 관련 기사:
WordPress용 Google Fonts Pro 플러그인
WordPress 웹 사이트에 글꼴을 추가하는 방법은 무엇입니까?
WordPress를 위한 상위 7가지 콘텐츠 마케팅 도구 및 플러그인