키트에 통합될 각 웹폰트의 이름을 확인합니다. 이렇게 하면 샘플 이미지가 아래에 나타납니다. 각 샘플 이미지를 클릭한 다음 `문자 설정 완료` 옵션을 확인한 다음 다운로드 버튼을 선택합니다. 새 키트를 업로드하고 현재 파일/코드를 바꾸면 스타일이 있는 웹폰트로 입력할 때 악센트있는 문자가 표시됩니다. CSS 파일의 @font 얼굴 규칙에 의해 지정된 웹 글꼴 집합을 다운로드합니다. 기본적으로 woff2 등가물은 최신 브라우저가 모두 지원하므로 인라인되어 있습니다. 필요에 따라 글꼴 라이센스를 선택합니다. 우리는 데스크톱, 웹 폰트, 모바일 앱, 서버 및 ePub 라이센스를 판매합니다. 이를 통해 플랫폼 간에 브랜드와 디자인을 쉽게 확장할 수 있습니다. Webfonts를 사용하면 @font 얼굴 규칙을 사용하여 글꼴을 웹 페이지에 포함할 수 있으므로 텍스트의 단락과 제목을 웹글꼴로 스타일을 만들 수 있습니다. 자신의 사이트에 대한 웹폰트 키트를 제공하고 CSS에 연결합니다. 구글의 글꼴 API에서 400 / 정상 및 400 / 기울임꼴과 “Raleway”에서 “크림슨 텍스트”를 다운로드 500 / 정상.

인라인 woff (버전 1) 형식 파일, CSS및 글꼴을 css로 넣습니다 /: google-webfonts 도우미에서 파일을 다운로드할 때 글꼴 라이센스가 있는 텍스트 문서가 포함되지 않습니다. 다운로드 버튼 아래에는 “Google 글꼴 오픈 소스 글꼴 기여를 참조하여 이 글꼴이 사용하는 특정 라이선스를 확인하십시오.” 이 링크는 글꼴의 실제 텍스트 문서 라이센스가 아니므로 더 자세히 살펴보았습니다. 브라우저 간 웹폰트 작업을 하는 것은 까다로울 수 있습니다. 웹폰트 문제 해결에 대한 자세한 내용은 여기에서 다른 설명서를 참조하십시오. 새 글꼴을 활용하려면 스타일시트에 글꼴을 사용하도록 지시해야 합니다. 위의 원래 @font 얼굴 선언을 보고 “글꼴 가족”이라는 속성을 찾습니다. 연결된 이름은 글꼴을 참조하는 데 사용하는 내용이 됩니다. 변경하려는 선택기 내부의 “font-family” 속성에서 해당 웹폰트 이름을 글꼴 스택에 미리 지정합니다. 예: 기본 웹폰트 키트 다운로드에는 OpenType 글꼴 기능이나 대체 문자가 포함되지 않습니다. 이를 사용하려면 OpenType 레이아웃을 유지하도록 구성된 새 키트를 다운로드합니다.

웹폰트 키트 빌더를 사용하여 키트를 구성합니다. 키트에 통합될 각 웹폰트의 이름을 확인합니다. 이렇게 하면 샘플 이미지가 아래에 나타납니다. 각 샘플 이미지를 클릭한 다음 `모든 OpenType 레이아웃 유지` 옵션을 확인하고 다운로드합니다. OpenType 글꼴 기능의 웹 브라우저 지원은 지속적으로 확장되고 있습니다. 글꼴 기능은 이전 버전의 웹 브라우저에 표시되지 않을 수 있습니다. 웹폰트에 대한 월별 페이지뷰 허용량이 제공됩니다. 할당된 페이지뷰를 초과하지 않는 한 이 라이선스를 갱신할 필요가 없습니다. 예를 들어 월간 페이지뷰 10,000회를 포함하는 라이선스를 구매하는 경우 매월 10,000회 이상의 조회수를 얻지 못하는 한 라이선스 내에 유지됩니다. 웹 사이트가 더 많은 트래픽을 얻기 시작하면 Pay Once 웹폰트 구매가 누적되기 때문에 필요한 월별 추가 페이지뷰에 대해 새 구매를 하기만 하면 됩니다. fonts.google.com 글꼴에는 글꼴을 다운로드할 수 있는 다운로드 버튼이 있지만 .ttf 확장자를 가진 글꼴 파일만 가져옵니다.

최신 브라우저의 경우 압축을 사용하고 더 빨리 로드할 가능성이 있는 글꼴의 .woff2 및 .woff 버전을 원할 수 있습니다. 공식 Google 사이트가 아닌 google-webfonts-helper.herokuapp.com .woff 및 .woff2 버전의 Google 글꼴을 얻을 수 있지만 자체 호스팅에 대한 도움을 받을 수있는 장소로 Google / 글꼴 GitHub 저장소 README에서 연결됩니다.