Google Fonts에서 다운로드할 때 사용할 텍스트를 압축할 수 있습니다.

3549 단어 CSSHTML 5tech

결론


GET 매개변수에 text=文字를 지정하면 Google Fonts API는 사용할 문자를 줄입니다.
문서에 세부내용이 있습니다.문서를 읽으십시오.
https://developers.google.com/fonts/docs/getting_started

Google Fonts는


웹 글꼴을 사용할 때 먼저 Google Fonts를 선택합니다.
웹 페이지에서 Noto Sans JP를 사용하려면 CSS에 링크 라벨을 추가하고 font-family를 지정하면 모든 환경에서 Noto Sans JP에 문자를 표시할 수 있습니다.
<!-- 太さ400のNoto Sans JPフォントを読み込む -->
<link
  href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap"
  rel="stylesheet" />

<style>
  body {
    font-family: 'Noto Sans JP';
  }
</style>
매우 편리합니다.그러나 이런 방법을 사용하면 이 페이지에 필요 없는 글꼴 데이터도 읽을 수 있다.
긴 문장에 적용하면 문제없지만 사이트 표지 등 짧은 문자열의 글씨체만 사용하려면 다운로드한 데이터가 대부분 낭비된다.

사용할 문자만 다운로드


Google Fonts API는 GET 매개변수에 읽기 문자를 지정하여 원하는 내용만 다운로드할 수 있습니다.
웹 사이트 로고가'안녕하세요'인 경우 다음과 같이 Google Fonts의 읽기 URL을 지정하십시오.
<!-- 太さ400のNoto Sans JPフォントを「こんにちは」だけ読み込む -->
<link
  href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap&text=こんにちは"
  rel="stylesheet" />
GET 매개변수text=こんにちは가 URL 끝에 추가되었습니다.
이렇게 되면 Google Fonts API에서 "안녕하세요"글꼴 데이터를 제공합니다.데이터 양이 대폭 감소함에 따라 첫 방문 시 디스플레이 속도가 개선될 것으로 예상된다.
자세한 내용은 공식 문서를 읽어 주십시오.
https://developers.google.com/fonts/docs/getting_started
끝났어.

좋은 웹페이지 즐겨찾기