웹 브라우저가 시스템에 설치되지 않은 글꼴을 자동으로 다운로드하여 사용한다는 사실을 알고 계셨습니까? 웹 글꼴을 사용하면 매일 탐색하는 페이지가 더 보기 좋아집니다. 다음은 그들이 무엇이며 어떻게 작동하는지입니다.
데스크탑 글꼴과 웹 글꼴
우리 모두는 매일 글꼴을 사용합니다. 이들 중 일부는 운영 체제와 함께 제공되고 일부는 Adobe Creative Suite 또는 Microsoft Office와 같은 응용 프로그램에서 제공되며 일부는 직접 다운로드하거나 구입하여 설치하는 것입니다. 설치되면 워드 프로세서, 이미지 편집 소프트웨어 등에서 이러한 글꼴을 사용할 수 있습니다. 데스크탑 글꼴이며 로컬에 저장됩니다.
컴퓨팅 경험이 온라인으로 옮겨감에 따라 다른 유형의 글꼴이 더욱 중요해졌습니다. 클라우드에 저장된(그리고 브라우저에 캐시된) 타이포그래피인 웹 글꼴이 웹사이트에 표시되는 텍스트를 생성하는 데 사용됩니다.
웹 글꼴의 간략한 역사
인터넷 초기에는 웹 페이지의 타이포그래피가 시스템에 설치된 글꼴로 제한되었습니다. 글꼴이 설치되지 않은 경우 웹 페이지는 사용 가능성이 더 높은 표준 “대체” 글꼴을 로드합니다. 이 때문에 웹 디자이너는 종종 사이트의 기본 시스템 글꼴을 선택했습니다.
그 중에는 웹 디자인에 무료로 사용할 수 있는 서체 세트인 Microsoft의 웹용 핵심 글꼴이 있습니다. 이 팩에는 Times New Roman, Arial, Comic Sans 및 Trebuchet과 같이 널리 사용되는 시스템 글꼴이 포함되어 있습니다. 또는 디자이너는 Serif, Sans-Serif 및 Monospace와 같은 글꼴 패밀리를 사용하여 특정 글꼴을 사용할 수 없는 경우에도 글꼴의 일반적인 스타일을 지정할 수 있습니다.
이는 2010년 Google이 웹 어디에서나 사용할 수 있는 무료 글꼴을 위한 방대한 오픈 소스 저장소인 Google Fonts를 출시하면서 변경되었습니다. 그 이후로 Adobe의 Typekit 및 웹 호스팅 글꼴 플러그인과 같은 다른 경쟁업체가 등장했습니다. Google의 생산성 제품군을 포함하여 전 세계 수백만 개의 웹사이트가 웹 글꼴로 실행됩니다.
웹 글꼴 작동 방식
가장 큰 웹 글꼴 제공업체인 Google Fonts는 천 개 이상의 글꼴이 있는 방대한 웹 라이브러리입니다. CSS를 통해 끌어와서 웹사이트에서 사용할 수 있으며 모바일 개발자는 Android 앱을 만들 때 이러한 글꼴에 액세스할 수 있습니다.
웹 페이지에서 Google 글꼴을 사용하면 Google 데이터베이스에서 글꼴을 가져온 다음 해당 글꼴의 텍스트를 브라우저에 표시합니다. 이러한 글꼴은 Google 서버에서 호스팅되며 거의 즉시 로드됩니다. 다른 클라우드 글꼴 서비스도 거의 동일한 방식으로 작동합니다.
또 다른 대안은 웹에서 자체 호스팅된 내장 글꼴을 대신 사용하는 것입니다. 이것은 대부분의 최신 웹 브라우저와 호환되는 Mozilla에서 개발한 압축 글꼴 파일인 WOFF(Web Open Font Format)를 통해 수행됩니다. WOFF는 웹 글꼴 서비스에서 사용할 수 없는 사용자 정의 글꼴을 포함하려는 경우에 유용합니다.
웹 글꼴 가져오기
Google 글꼴 저장소와 그 아래에 있는 모든 글꼴은 완전히 무료이며 모든 사람이 액세스할 수 있습니다. 공개 라이선스 하에서만 글꼴을 사용하며 이러한 글꼴 중 상당수는 Roboto, Lato 및 Montserrat와 같은 웹 디자인의 필수 요소가 되었습니다. Google은 사용 가능한 모든 글꼴을 나열하는 웹사이트를 호스팅하고 있으며 이를 사용해 보고 서로 비교할 수 있습니다. Google은 무료 벡터 아이콘 데이터베이스도 제공합니다.
이 글꼴은 자유롭게 사용할 수 있으므로 바탕 화면에서도 사용할 원본 글꼴 파일을 다운로드할 수 있습니다. 많은 웹사이트가 Google 자체 Github를 포함하여 Google Fonts의 리포지토리를 호스팅합니다. 프로젝트에서 이러한 글꼴을 사용하고 다른 사람과 자유롭게 공유하고 인터넷의 다른 위치에서 무료로 다운로드할 수 있습니다.
WordPress 및 Squarespace와 같은 많은 웹 사이트 빌더 및 콘텐츠 관리자는 기본적으로 웹 글꼴을 지원합니다. 사용자 정의 웹 사이트를 사용하는 경우 글꼴 파일을 서버에 업로드하고 CSS 코드를 사용하여 사용하려는 글꼴 파일을 가리켜야 합니다.
웹사이트에 웹 글꼴을 사용하는 방법에 대해 자세히 알아보려면 W3Schools의 CSS 웹 글꼴 가이드를 확인하세요.
관련된: Windows 10의 설정 앱에서 글꼴을 설치하고 관리하는 방법
