相关文章推荐

隨著 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="&#xEB52;" Foreground="#C72335" /> <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xEB51;" /> </Grid>

許多圖示也提供鏡像的形式,可在文字方向由右至左的語言 (例如阿拉伯文、達利文、波斯文和希伯來文) 中使用。

如果您要在 XAML 中開發應用程式,您可以使用來自 的指定字元 Segoe Fluent Icons 搭配 SymbolIcon Symbol 列舉

<SymbolIcon Symbol="GlobalNavigationButton"/>

如果您想要使用Segoe Fluent Icons不包含在 Symbol 列舉中的字型字元,請將它設定為 FontIcon 控制件的 Glyph 屬性。

<FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xE700;"/>

您也可以使用靜態資源 SymbolThemeFontFamily 來存取 Segoe Fluent Icons,而不是依名稱指定字型:

<FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xE700;"/>

為了獲得最佳外觀,請使用這些特定大小: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 點