가변 글꼴 뷰어

가변 글꼴 축을 온라인으로 미리 보고 조정

Roboto Flex3 축

A flexible sans-serif variable font with optical size, weight, and width axes.

Variable fonts let one file behave like an entire type family.

생성된 CSS

.variable-preview {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 64px;
  line-height: 1.15;
  font-weight: 400;
  font-stretch: 100%;
  font-style: normal;
  font-optical-sizing: none;
  font-synthesis: none;
  font-variation-settings: 'opsz' 14, 'wght' 400, 'wdth' 100;
}

Aspose.FontAspose.Font Web Applications

브라우저에서 가변 글꼴을 바로 미리 봅니다. 로컬 TTF 또는 OTF 파일을 업로드하고 변형 축을 확인합니다.

굵기, 너비, 광학 크기, 기울기 및 사용자 지정 축을 실시간 슬라이더로 조정합니다. 프로젝트에 사용할 CSS font-variation-settings를 복사합니다.

이 페이지는 향후 Python 기반 가변 글꼴 도구 체인의 첫 단계입니다.

  • 브라우저에서 가변 글꼴을 바로 미리 봅니다.
  • 로컬 TTF 또는 OTF 파일을 업로드하고 변형 축을 확인합니다.
  • 굵기, 너비, 광학 크기, 기울기 및 사용자 지정 축을 실시간 슬라이더로 조정합니다.
  • 프로젝트에 사용할 CSS font-variation-settings를 복사합니다.

가변 글꼴 뷰어

  • 샘플 글꼴을 선택하거나 가변 글꼴을 업로드합니다.
  • 굵기, 너비, 광학 크기 같은 감지된 축을 확인합니다.
  • 슬라이더를 움직이거나 명명된 인스턴스를 선택합니다.
  • 실제 레이아웃 테스트를 위해 미리보기 텍스트와 크기를 편집합니다.
  • 생성된 CSS를 복사해 페이지에서 사용합니다.

  • 가변 글꼴 뷰어브라우저에서 가변 글꼴을 바로 미리 봅니다. 굵기, 너비, 광학 크기, 기울기 및 사용자 지정 축을 실시간 슬라이더로 조정합니다.
  • 가변 글꼴 뷰어샘플 글꼴을 선택하거나 가변 글꼴을 업로드합니다. 굵기, 너비, 광학 크기 같은 감지된 축을 확인합니다.
  • 가변 글꼴 업로드로컬 TTF 또는 OTF 파일을 업로드하고 변형 축을 확인합니다.
  • 생성된 CSS프로젝트에 사용할 CSS font-variation-settings를 복사합니다.
  • 굵기, 너비, 광학 크기, 기울기 및 사용자 지정 축을 실시간 슬라이더로 조정합니다

    굵기, 너비, 광학 크기, 기울기 및 사용자 지정 축을 실시간 슬라이더로 조정합니다.
  • 로컬 TTF 또는 OTF 파일을 업로드하고 변형 축을 확인합니다

    로컬 TTF 또는 OTF 파일을 업로드하고 변형 축을 확인합니다.
  • 프로젝트에 사용할 CSS font-variation-settings를 복사합니다

    프로젝트에 사용할 CSS font-variation-settings를 복사합니다.
© Aspose Pty Ltd 2001-2026. All Rights Reserved.