구글 폰트 미리보기 사용자 정의 텍스트, 크기, 두께 및 자간으로 구글 폰트를 미리보세요.

Google Fonts는 자동 형식 선택(모던 브라우저용 woff2)을 통해 CDN으로 글꼴 파일을 제공합니다. @import 메서드는 CSS를 통해 글꼴을 추가합니다: @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap'); family 매개 변수는 글꼴과 가중치를 지정합니다. display=swap 매개 변수는 웹 글꼴이 로드되는 동안 대체 글꼴로 즉시 텍스트 표시를 사용하는 font-display: swap을 사용합니다. 여러 개의 글꼴은 &family= 매개 변수로 구분됩니다. 성능을 위해 필요한 가중치만 요청하십시오. 변수 글꼴(많은 Google Fonts에서 사용 가능)은 wght@100..900 구문을 사용하여 단일 파일에 모든 가중치를 제공합니다. 글꼴 서브셋팅을 통해 필요한 문자 범위만 로드하여 파일 크기를さらに 줄일 수 있습니다: &text=Hello 또는 subset=latin 매개 변수. 대체 글꼴이 있는 font-family 속성을 사용하십시오: font-family: 'Inter', system-ui, sans-serif.