WPF —— 使用Font-Awesome圖示字型

圖示字型介紹

在介紹圖示字型之前，不得不介紹圖示格式ICON

ICON是一種圖示格式，我們作業系統中各種應用程式都包含一個圖示

比如QQ程式的圖示是一個可愛的企鵝，我的電腦是一個顯示器圖示

----------------

一個圖示檔案是擴充名為.ICO或者ICON的檔案

直到現在圖示檔案還是在計算機程式中随處可見

但有時候需要在不失真的情況下放大圖示

因為ICON本身與JPEG\PNG格式的圖形檔案差異不大，也是非矢量圖形

是以圖示檔案就很難滿足這種需求

為了解決這種問題，就有作者把圖形資訊做到字型中去

我們今天要使用的Font-Awesome就是這種技術形式的一種實作

（當然還有其他辦法解決這種問題，比如用css3繪制圖示，但那種技術形式就比較難應用于用戶端程式中了）

常見的圖示字型有很多，但我認為Font-Awesome是迄今為止最出色的圖示字型（沒有之一）

圖示多、圖示美觀、相容各種應用場景是其最主要的有點

另外還可以到  ​​http://fontstore.baidu.com/​​   搜尋需要的圖示自己下載下傳下來使用，并且還可以線上編輯你的現有ttf檔案。感興趣的可以試試。

WPF中使用Font-Awesome圖示字型

我曾經在Qt應用程式中使用過Font-Awesome圖示字型，用起來非常友善，展現效果也一如預期

但在WPF應用程式中使用圖示字型就會顯示成一個方框，如下圖

後來，才找到解決辦法：

首先到Font-Awesome官方網站下載下傳字型程式

下載下傳到的壓縮包，解壓後獲得圖示字型檔案

然後把字型檔案拷貝到項目中

并設定“複制到輸出目錄”為“如果較新則複制”

然後編輯程式代碼：

<Window x:Class="WpfApplication1.MainWindow"  xmlns=" xmlns:x="​ Title="MainWindow">  <Window.Resources>  <Style x:Key="FontAwesome"> <Setter Property="TextElement.FontFamily" Value="pack://application:,,,/#FontAwesome" /> <Setter Property="TextBlock.Width" Value="100"></Setter> <Setter Property="TextBlock.Height" Value="100"></Setter> <Setter Property="TextBlock.TextAlignment" Value="Center"></Setter> <Setter Property="TextBlock.FontSize" Value="60"></Setter> <Setter Property="TextBlock.Foreground" Value="Green"></Setter> </Style> </Window.Resources>  <WrapPanel Margin="12">  <TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" /> </WrapPanel>  </Window>

運作程式，看到圖示，大功告成

修改記錄

2015-12-26：編寫樣例程式，完成部分文章内容

2014-12-29：修改部分内容，修改文檔格式

​