완전한 폴더 구조
생성된 URL은 포함된 글꼴 디렉터리와 일치합니다.
웹폰트 생성기
바로 사용할 수 있는 CSS 및 HTML 미리보기 페이지가 포함된 패키지 글꼴 파일입니다.
글꼴 파일
CSS 글꼴 계열 이름
번들 내용
선택한 글꼴이 여기에 표시됩니다.
키트에는 브라우저에서 사용할 수 있는 글꼴 파일, @font-face CSS, 미리보기 및 설정 참고 사항이 포함되어 있습니다.
기본적으로 비공개귀하의 입력과 파일은 이 장치에서 처리됩니다.
무료 및 즉시계정, 대기열 또는 소프트웨어 설치가 필요하지 않습니다.
사용 준비 완료결과가 생성되는 즉시 복사하거나 다운로드하세요.
사용방법 웹폰트 생성기
간단한 3단계를 통해 신뢰할 수 있는 결과를 얻으세요.
글꼴 파일 선택
라이센스가 부여된 브라우저 호환 글꼴 파일을 하나 이상 추가합니다.
가족 이름을 설정하세요
스타일시트 전체에 표시되어야 하는 CSS 이름을 사용하세요.
키트 다운로드
글꼴, @font-face CSS, HTML 미리보기 및 설정 메모가 포함된 ZIP을 받으세요.
일상적인 작업을 위해 제작됨
바쁜 일 없이 유용함
집중된 제어, 즉각적인 피드백, 귀하와 결과 사이에 어떠한 설명도 필요하지 않습니다.
다중 가중치
글꼴 파일 모음을 하나의 배포 가능한 키트로 패키징합니다.
미리보기 페이지
포함된 HTML 파일을 열어서 로딩 및 샘플 글리프를 확인하세요.
실용 가이드
무엇입니까? 웹폰트 생성기?
웹 글꼴 키트는 브라우저에서 로드할 수 있는 글꼴 파일을 계열, 소스 형식, 스타일, 무게 및 로딩 동작의 이름을 지정하는 @font-face CSS와 결합합니다. 이러한 조각을 함께 유지하면 배포 중에 글꼴 URL이 깨지는 것을 방지할 수 있습니다.
이 생성기는 기존 TTF, OTF, WOFF 및 WOFF2 파일을 패키지합니다. 문자 모양 윤곽선을 변경하거나 변환된 형식을 제작하지 않습니다. WOFF2는 일반적으로 라이센스 사본이 이미 있는 경우 가장 적합한 전달 형식입니다.
실제 응용
이 도구를 사용하는 경우
일반적인 방법 웹폰트 생성기 실제 프로젝트와 일상 업무에 적합합니다.
자체 호스팅 타이포그래피
타사 CDN에 의존하지 않고 브랜드 글꼴을 배포합니다.
디자인 시스템
애플리케이션 팀을 위한 일관된 스타터 패키지를 만듭니다.
글꼴 QA
파일을 미리 보고 해당 패밀리 구성을 확인합니다.
오프라인 프로젝트
로컬 인터페이스 및 문서를 위한 번들 유형 자산입니다.
유용한 답변
자주 묻는 질문
에 대한 빠른 답변 웹폰트 생성기 이 페이지의 작동 방식을 알아보세요.
TTF를 WOFF2로 변환합니까?
아니요. CSS 및 미리보기와 함께 제공되는 브라우저 호환 파일을 패키지합니다.
웹사이트에는 어떤 형식이 가장 적합합니까?
WOFF2는 일반적으로 호환성 요구에 따라 사용되는 다른 형식과 함께 최고의 최신 웹 압축을 제공합니다.
여러 가중치를 포함할 수 있나요?
그렇습니다. 파일에는 스타터 CSS에서 점진적인 가중치 값이 할당되며, 이를 실제 패밀리에 맞게 조정할 수 있습니다.
모든 글꼴을 자체 호스팅할 수 있나요?
아니요. 배포하거나 포함하기 전에 글꼴의 라이선스를 검토하세요.