Değişken Yazı Tipi Görüntüleyici

Değişken yazı tipi eksenlerini çevrimiçi önizleyin ve ayarlayın

Roboto Flex3 eksen

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

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

Oluşturulan 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

Değişken yazı tiplerini doğrudan tarayıcıda önizleyin. Yerel bir TTF veya OTF dosyası yükleyin ve varyasyon eksenlerini inceleyin.

Ağırlık, genişlik, optik boyut, eğim ve özel eksenleri canlı kaydırıcılarla ayarlayın. Projeniz için CSS font-variation-settings değerini kopyalayın.

Bu sayfa, gelecekteki Python destekli değişken yazı tipi araç zincirinin ilk aşamasıdır.

  • Değişken yazı tiplerini doğrudan tarayıcıda önizleyin.
  • Yerel bir TTF veya OTF dosyası yükleyin ve varyasyon eksenlerini inceleyin.
  • Ağırlık, genişlik, optik boyut, eğim ve özel eksenleri canlı kaydırıcılarla ayarlayın.
  • Projeniz için CSS font-variation-settings değerini kopyalayın.

Değişken Yazı Tipi Görüntüleyici

  • Örnek bir yazı tipi seçin veya kendi değişken fontunuzu yükleyin.
  • Ağırlık, genişlik veya optik boyut gibi algılanan eksenleri inceleyin.
  • Kaydırıcıları hareket ettirin veya adlandırılmış bir örnek seçin.
  • Gerçekçi bir test için önizleme metnini ve boyutunu düzenleyin.
  • Oluşturulan CSS’i kopyalayın ve sayfanızda kullanın.

  • Değişken Yazı Tipi GörüntüleyiciDeğişken yazı tiplerini doğrudan tarayıcıda önizleyin. Ağırlık, genişlik, optik boyut, eğim ve özel eksenleri canlı kaydırıcılarla ayarlayın.
  • Değişken Yazı Tipi GörüntüleyiciÖrnek bir yazı tipi seçin veya kendi değişken fontunuzu yükleyin. Ağırlık, genişlik veya optik boyut gibi algılanan eksenleri inceleyin.
  • Değişken yazı tipi yükleYerel bir TTF veya OTF dosyası yükleyin ve varyasyon eksenlerini inceleyin.
  • Oluşturulan CSSProjeniz için CSS font-variation-settings değerini kopyalayın.
  • Ağırlık, genişlik, optik boyut, eğim ve özel eksenleri canlı kaydırıcılarla ayarlayın

    Ağırlık, genişlik, optik boyut, eğim ve özel eksenleri canlı kaydırıcılarla ayarlayın.
  • Yerel bir TTF veya OTF dosyası yükleyin ve varyasyon eksenlerini inceleyin

    Yerel bir TTF veya OTF dosyası yükleyin ve varyasyon eksenlerini inceleyin.
  • Projeniz için CSS font-variation-settings değerini kopyalayın

    Projeniz için CSS font-variation-settings değerini kopyalayın.
© Aspose Pty Ltd 2001-2026. All Rights Reserved.