การพิมพ์
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
การจัดรูปแบบตัวอักษรช่วยให้ข้อความบนหน้าจอหรือข้อความใน UI อ่านง่ายและสวยงาม รูปแบบตัวอักษร ได้แก่ การแสดงผล ชื่อ ป้ายกำกับ เนื้อความ ส่วนโค้ง และตัวเลข
ใช้โทเค็นเพื่อกำหนดแบบอักษร ความสูงของบรรทัด ขนาด การติดตาม ความกว้าง และความหนา
แกนของแบบอักษรที่ปรับแต่งได้ขณะเคลื่อนไหว
ใช้แกนแบบอักษรแบบแปรผันเพื่อส่งสัญญาณความคิดเห็นเกี่ยวกับการเคลื่อนไหวที่สื่ออารมณ์ และทำให้อินเทอร์แอกชันสื่ออารมณ์และน่าใช้มากขึ้น
ตัวอย่างกรณีการใช้งาน
- น้ำหนักแบบอักษรแบบไดนามิก
- ความกว้างแบบอักษรแบบไดนามิก
- น้ำหนักและความกว้างแบบอักษรแบบไดนามิก
โทเค็น
โทเค็นจะกำหนดรูปแบบตัวอักษรขององค์ประกอบตามค่าที่กำหนดค่าได้ ไม่ใช่ค่าที่กำหนดไว้ ซึ่งทำให้จัดการรูปแบบและธีมได้ง่ายขึ้นมาก
บทบาทประเภทต่างๆ
นอกจากการปรับขนาดแบบอักษรที่อัปเดตและเพิ่มประสิทธิภาพแล้ว เรายังเปิดตัวบทบาทแบบอักษรใหม่ที่จะแสดงรูปแบบที่น่าสนใจบน Wear โดยเฉพาะ
- ใช้ประโยชน์จาก Use Case เพิ่มเติมด้วยข้อความโค้ง เช่น ชื่อหน้าหรือข้อบ่งชี้ที่มีพื้นที่จำกัด เช่น การซ้อนทับการยืนยัน
- บทบาทประเภทสำหรับตัวเลขโดยเฉพาะเพื่อให้เราใช้ขนาดข้อความที่ใหญ่ขึ้นและมีสไตล์มากขึ้นสำหรับสตริงที่ไม่จำเป็นต้องแปลหรือได้รับประโยชน์จากการเว้นวรรคแบบโมโนหรือตารางเมื่อเคลื่อนไหว เช่น เครื่องมือเลือก
แหล่งข้อมูล: คลัง Google Fonts
ค้นหาแบบอักษรที่หลากหลาย เมื่อค้นหาและเลือกแบบอักษรที่ต้องการแล้ว ตัวเลือกต่างๆ จะปรากฏในแผงด้านขวาเพื่อปรับขนาด เปลี่ยนสี และคัดลอกแบบอักษรที่ปรับแต่งไปยังคลิปบอร์ด
ตัวอย่างเนื้อหาและโค้ดในหน้าเว็บนี้ขึ้นอยู่กับใบอนุญาตที่อธิบายไว้ในใบอนุญาตการใช้เนื้อหา Java และ OpenJDK เป็นเครื่องหมายการค้าหรือเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-07-26 UTC
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-07-26 UTC"],[],[],null,["# Typography helps make text on the screen or text on the UI legible and\nbeautiful. Type styles include: display, title, label, body, arc, and numerals.\nUse tokens to define font, line height, size, tracking, width and weight. \n\n\u003cbr /\u003e\n\nVariable font axis in motion\n----------------------------\n\n\nUse a variable font axis to signal expressive motion feedback and making\ninteractions more expressive and delightful to use.\n\nExample use-cases:\n\n- Dynamic font weight\n- Dynamic font width\n- Dynamic font weight and width \n\n\u003cbr /\u003e\n\nTokens\n------\n\n\nTokens assign an element's type style by a configurable value, rather than a set\nvalue, making managing styles and themes considerably easier. \n\n\u003cbr /\u003e\n\nType roles\n----------\n\n\nAlong with an updated and optimized type scale, we are also introducing new type\nroles that specifically serve notable patterns on Wear.\n\n- Leaning into more use-cases with Arc Text like fixed height page titles or descriptors with limited space, such as confirmation overlays.\n- A type role specifically for Numerals so we can lean into bigger and more styled text sizes for strings that don't need to be localized or benefit from mono or tabular spacing when animated, such as pickers. \n\n\u003cbr /\u003e\n\nResource: Google Fonts library\n------------------------------\n\n\nSearch through a [wide variety of fonts](http://fonts.google.com/icons). Once you search for and select the\nfont you want, options will appear in the right-hand panel to resize, recolor,\nand copy the customized font to clipboard. \n\n\u003cbr /\u003e"]]
