ตัวดูฟอนต์แบบแปรผัน

ดูตัวอย่างและปรับแกนของฟอนต์แบบแปรผันออนไลน์

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 สำหรับโปรเจกต์ของคุณ

ตัวดูฟอนต์แบบแปรผัน

  • เลือกฟอนต์ตัวอย่างหรืออัปโหลดฟอนต์แบบแปรผันของคุณ
  • ตรวจสอบแกนที่พบ เช่น น้ำหนัก ความกว้าง หรือขนาดเชิงแสง
  • เลื่อนสไลเดอร์หรือเลือก named instance
  • แก้ไขข้อความและขนาดตัวอย่างเพื่อทดสอบแบบสมจริง
  • คัดลอก 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.