隨著 Windows 11 的發行,字
Segoe Fluent Icons
型會
Segoe MDL2 Assets
取代為建議的符號圖示字型。
Segoe MDL2 Assets
仍然可用,但建議您更新您的應用程式以使用字型
Segoe Fluent Icons
。
字型中包含的
Segoe Fluent Icons
大部分圖示都會對應至 Unicode 的私人使用區域(PUA)。 PUA 範圍是 Unicode 的非標準化範圍,可讓字型開發人員定義自己的字元。 這在建立符號字型時很有用,但在無法使用時
Segoe Fluent Icons
會建立互操作性問題。
字型中的
Segoe Fluent Icons
圖示不適用於內嵌文字。 這表示像是進度公開箭頭的某些較舊「技巧」不再適用。 同樣地,因為所有新的圖示的大小和定位相同,所以不需要以零寬度製作;我們確定它們可以作為集合運作。
分層和鏡像
中的所有
Segoe Fluent Icons
圖像具有相同固定寬度與一致的高度和左原點,因此可以透過直接在彼此頂端繪製圖像來達成分層和著色效果。 此範例示範在零寬度的紅色心形上繪製一個黑色外框。
<FontIcon FontFamily="Segoe Fluent Icons" Glyph=""
Foreground="#C72335" />
<FontIcon FontFamily="Segoe Fluent Icons" Glyph="" />
</Grid>
許多圖示也提供鏡像的形式,可在文字方向由右至左的語言 (例如阿拉伯文、達利文、波斯文和希伯來文) 中使用。
如果您要在 XAML 中開發應用程式,您可以使用來自 的指定字元
Segoe Fluent Icons
搭配
SymbolIcon
和
Symbol 列舉
。
<SymbolIcon Symbol="GlobalNavigationButton"/>
如果您想要使用Segoe Fluent Icons不包含在 Symbol 列舉中的字型字元,請將它設定為 FontIcon 控制件的 Glyph 屬性。
<FontIcon FontFamily="Segoe Fluent Icons" Glyph=""/>
您也可以使用靜態資源 SymbolThemeFontFamily 來存取 Segoe Fluent Icons,而不是依名稱指定字型:
<FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph=""/>
為了獲得最佳外觀,請使用這些特定大小:16、20、24、32、40、48 和 64。 偏離這些字型大小可能會導致結果不太清晰或模糊。
如何取得此字型?
在 Windows 11 上:您不需要執行任何動作,Windows 會隨附字型。
在 Windows 10 上: Segoe Fluent Icons 預設不會包含在 Windows 10 上。 您可以在這裡下載。
在Mac或其他裝置上:您可以在這裡下載Segoe Fluent Icons和其他字型。 您可以下載字型以用於設計和開發,但可能無法將其發送到其他平台。
開啟 WinUI 3 資源庫應用程式,並查看運作中的圖示原則
WinUI 3 資源庫應用程式包含大多數 WinUI 3 控制項和功能的互動式範例。 從 Microsoft Store 取得應用程式,或在 GitHub 上取得原始程式碼
請記住,字型 Segoe Fluent Icons 包含的圖示比我們可以在這裡顯示的還要多。 許多圖示用於專門用途,通常不會用於其他地方。
前置詞範圍從 E0- 到 E5- (例如 E001、E5B1) 的字符目前標示為舊版,因此已被取代。
下表顯示所有 Segoe Fluent Icons 字元及其各自的 Unicode 值和描述性名稱。 從下列清單中選取範圍,以根據其所屬的 PUA 範圍來查看字符。
PUA E700-E900
PUA EA00-EC00
PUA ED00-EF00
PUA F000-F200
PUA F300-F500
PUA F600-F800
PUA E700-E900
下列的字符表格會顯示從 E7- 到 E9- 的首碼 Unicode 點。
Unicode 點