Google Fonts 글꼴 조합 찾기
제목과 본문 조합을 비교하세요. 첫 미리보기는 시스템 글꼴을 사용하며 선택할 때만 Google Fonts를 요청합니다.
직접 엄선한 소규모 목록이며 실시간 Google Fonts 목록이나 인기 순위가 아닙니다.
최대 2,000자입니다. 텍스트는 페이지에만 있으며 Hello Keyboard Tools로 전송되지 않습니다.
미리 보기
Source Serif 4
좋은 타이포그래피는 독자가 다음 유용한 생각을 찾도록 돕습니다.
시스템 대체 글꼴 미리 보기입니다. 선택한 Google Fonts 스타일시트는 아직 요청하지 않았습니다.
이 버튼은 다음 주소에 요청합니다: fonts.googleapis.com; 이후 브라우저가 다음 주소에서 글꼴 파일을 요청할 수 있습니다: fonts.gstatic.com. 기본적으로 꺼져 있습니다.
각 글꼴은 Google Fonts 저장소의 SIL Open Font License 1.1 메타데이터로 표시합니다. 디자인을 제공하기 전에 현재 글꼴 페이지와 포함된 굵기를 확인하세요.
사용 방법
사용 방법
- 용도별로 로컬 저장된 조합을 필터링하고 선택합니다.
- 짧은 본문 샘플을 편집하고 시스템 글꼴 대체 미리보기를 비교합니다.
- CSS와 대체 글꼴을 복사하거나 Google Fonts 스타일시트를 명시적으로 켭니다.
엄선한 아이디어이며 검색 엔진이 아닙니다
Editorial, Product, Professional, Developer 스타일의 7개 조합이 있습니다. Google Fonts Developer API를 조회하거나 모든 글꼴을 검색·인기순 정렬·브랜드 분석하지 않으며 특정 사용자에게 적합하다고 보장하지 않습니다.
원격 글꼴은 직접 선택해야 합니다
처음에는 시스템 대체 글꼴만 사용하고 Google Fonts를 요청하지 않습니다. 선택한 Google Fonts 미리보기를 누르면 fonts.googleapis.com에 스타일시트를 요청합니다. 로드된 뒤 fonts.gstatic.com에서 파일을 요청할 수 있고 로딩 중 대체 글꼴이 잠시 보일 수 있습니다. 미리보기를 끄면 이 페이지의 스타일시트 링크를 제거하고 시스템 대체 글꼴로 돌아갑니다.
CSS 코드와 라이선스 범위
복사 예시는 Google Fonts CSS v2 endpoint를 사용하고 표시된 굵기만 요청하며 display=swap과 일반 대체 글꼴을 포함합니다. 메타데이터는 Google Fonts 저장소 디렉터리에 SIL Open Font License 1.1이 포함된 글꼴로 한정됩니다. 글꼴 파일이나 외부 스타일시트는 묶지 않습니다. 실제 서비스 전에 페이지, 굵기, 문자 범위 및 라이선스를 확인하세요.
브라우저 미리보기는 레이아웃 승인 검사가 아닙니다
글꼴 렌더링, 글리프, 로딩, 대체 선택은 브라우저와 운영체제마다 다릅니다. 짧은 예시 비교용이며 모든 언어, 접근성 설정, 성능 예산 또는 실제 레이아웃 검증용은 아닙니다.
자주 묻는 질문
더 알아보기
페이지를 열자마자 Google Fonts에 접속하나요?
아니요. 처음 카드, 코드, 미리보기는 로컬입니다. 선택 글꼴 미리보기를 누르거나 외부 링크를 열 때만 요청합니다.
Google Fonts API 키가 필요한가요?
아니요. API 키를 쓰지 않고 Developer API도 호출하지 않습니다. 선택 미리보기는 공개 CSS v2 stylesheet endpoint를 사용합니다.
모든 Google Fonts가 있나요?
아니요. 소수의 고정 조합이며 전체 목록을 가져오거나 글꼴 파일을 묶지 않습니다.
복사한 CSS를 실제 사이트에서 써도 되나요?
시작점으로 사용할 수 있습니다. 정확한 굵기, 글리프 범위, 라이선스, 개인정보 의무, 대체 동작, 성능 요구사항을 확인하세요.
원격 미리보기가 처음에 시스템 글꼴처럼 보이는 이유는?
display=swap 때문에 Google 스타일시트와 파일이 로드되는 동안 대체 글꼴이 먼저 보일 수 있습니다. 로드되지 않은 글꼴이 이미 표시된 것처럼 처리하지 않습니다.