[삼]
웹 브라우저가 시스템에 설치되지 않은 글꼴을 자동으로 다운로드하고 사용하는 것을 알고 계셨습니까? 웹 글꼴은 매일 매일 탐색하는 페이지를 더 잘 보이게합니다. 여기에 그들이 어떻게 일하는지 여기에 있습니다.
데스크탑 글꼴 대 웹 글꼴
우리 모두는 매일 글꼴을 사용합니다. 그들 중 일부 운영 체제와 함께 제공됩니다 또한 일부는 Adobe Creative Suite 또는 Microsoft Office와 같은 응용 프로그램에서 왔으며 일부는 다운로드하거나 구입하는 것들입니다. 설치하십시오 ...에 설치되면 Word 프로세서, 이미지 편집 소프트웨어 등의 글꼴을 사용할 수 있습니다. 이들은 바탕 화면 글꼴이며 로컬로 저장됩니다.
다른 유형의 글꼴은 컴퓨팅 경험이 온라인으로 옮겨짐에 따라 더 중요 해졌습니다. 이들은 클라우드에 저장된 웹 글꼴 타이포그래피 (브라우저에 캐시 된 다음 웹 사이트에 표시되는 텍스트를 생성하는 데 사용됩니다.
웹 글꼴의 간단한 역사
인터넷 초기에는 웹 페이지의 활판 인쇄가 시스템에 설치된 글꼴로 제한되었습니다. 글꼴이 설치되지 않은 경우 웹 페이지는 사용 가능한 경우 "폴백"글꼴을로드합니다. 따라서 웹 디자이너는 종종 사이트의 기본 시스템 글꼴을 선택했습니다.
그 중에는 Microsoft 's였습니다 웹을위한 핵심 글꼴 웹 디자인을 위해 자유롭게 사용할 수있는 글꼴 집합입니다. 이 팩에는 시간과 같은 널리 사용되는 시스템 글꼴이 포함되어 있습니다. Roman, Arial, 만화 Sans. 그리고 trebuchet. 또는 설계자는 Serif, SANS-Serif 및 Monospace와 같은 글꼴 가정을 사용하여 특정 제품을 사용할 수없는 경우에도 글꼴의 일반적인 스타일을 지정할 수 있습니다.
이는 Google이 시작될 때 2010 년에 변경되었습니다 Google 글꼴 , 웹에서 어디서나 사용할 수있는 무료 글꼴을위한 광대 한 오픈 소스 저장소. 그 이후로 Adobe의 TypeKit 및 웹 호스팅 글꼴 플러그인과 같은 다른 경쟁자가 등장했습니다. 전세계의 수백만 명의 웹 사이트가 웹 글꼴로 실행됩니다. Google의 생산성 스위트 ...에
웹 글꼴이 작동하는 방법
가장 큰 웹 글꼴 공급자 인 Google 글꼴은 1000 개의 글꼴의 광대 한 웹 라이브러리입니다. CSS를 통해 해당 웹 사이트에서 사용할 수 있으며 모바일 개발자는 Android 앱을 만들 때 이러한 글꼴에 액세스 할 수 있습니다.
웹 페이지가 Google 글꼴을 사용하는 경우 Google 데이터베이스에서 글꼴을 가져온 다음 브라우저에서 해당 글꼴의 텍스트를 표시합니다. 이 글꼴은 Google의 서버에서 호스팅되며 거의 즉각적으로로드됩니다. 다른 클라우드 글꼴 서비스는 훨씬 똑같은 방식으로 작동합니다.
또 다른 대안은 대신 웹에서 자체 호스팅 된 내장 글꼴을 사용하는 것입니다. 이것은 그를 통해 이루어집니다 웹 오픈 글꼴 형식 (WOFF) -A 가장 현대적인 웹 브라우저와 호환되는 Mozilla가 개발 한 압축 된 글꼴 파일. WEB 폰트 서비스에서 사용할 수없는 사용자 정의 글꼴을 포함시키려는 경우 WOFF가 유용합니다.
웹 글꼴 가져 오기
Google 글꼴 저장소와 모든 글꼴은 완전히 사용하여 모든 사람에게 사용할 수 있습니다. 오픈 라이센스 하에서 글꼴 만 사용하며,이 글꼴 중 많은 것은 로봇, 라토 및 몬세 라트와 같은 웹 디자인의 스테이플이되었습니다. Google은 웹 사이트를 호스팅합니다 이 모든 글꼴이 모두 나열되어 있으며 서로를 시도하고 서로 비교할 수 있습니다. Google은 무료 벡터 아이콘의 데이터베이스도 제공합니다.
이러한 글꼴이 자유롭게 사용할 수 있으므로 원래 글꼴 파일을 다운로드 할 수 있습니다. 바탕 화면에서 사용하십시오 또한. 많은 웹 사이트는 Google Fonts의 리포지토리를 호스팅합니다 Google의 자체 GitHub. ...에 프로젝트 에서이 글꼴을 사용하고 다른 사람들과 자유롭게 공유하고 인터넷의 다른 장소에서 무료로 다운로드 할 수 있습니다.
WordPress 및 Squarespace와 같은 많은 웹 사이트 빌더 및 콘텐츠 관리자는 웹 글꼴에 대한 지원이 제공됩니다. 사용자 정의 웹 사이트를 사용하는 경우 글꼴 파일을 서버에 업로드하고 CSS 코드를 사용하여 사용할 글꼴 파일을 가리킬 필요가 있습니다.
웹 사이트의 웹 글꼴 사용에 대해 자세히 알고 싶다면 이것을 확인하십시오. CSS 웹 글꼴 가이드 W3Schools에서.
관련된: Windows 10의 설정 앱에서 글꼴을 설치 및 관리하는 방법
