字體排版
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
字體排版可讓畫面上的文字或 UI 文字易讀且美觀。字型樣式包括:顯示、標題、標籤、內文、弧形和數字。使用符記定義字型、行高、大小、字間距、寬度和粗細。
變數字型軸線在動態中
使用可變字型軸線傳達生動的動態回饋,讓互動更生動有趣。
用途範例:
- 動態調整字型粗細
- 動態調整字型寬度
- 動態調整字型粗細和寬度
代幣
符記會使用可設定的值 (而非一組值) 指派元素的型式樣式,因此可大幅簡化樣式和主題的管理作業。
類型角色
除了更新並最佳化類型等級,我們也推出了新的類型角色,專門提供 Wear 的顯著模式。
- 使用 Arc Text 的更多用途,例如固定高度的網頁標題或空間有限的描述符,例如確認疊加層。
- 專為 Numerals 設計的類型角色,可讓我們為字串採用更大且更具樣式的文字大小,這些字串不需要經過本地化,也不需要在動畫時採用單色或表格間距,例如挑選器。
資源:Google 字型程式庫
搜尋各種字型。搜尋並選取所需字型後,右側面板會顯示調整大小、重新著色及將自訂字型複製到剪貼簿的選項。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2025-07-26 (世界標準時間)。
[[["容易理解","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 (世界標準時間)。"],[],[],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"]]