Introduction

忘備録。

Font Awesome のフォントを WPF で使おうと思ったけど、手間取ったのでメモ。
Font Awesome は、Xamarin でつかったことあるが、あちらとは使い方が全く違う。

How to use?

Font Awesome をダウンロードし、中にある *.otf ファイルをプロジェクト配下のフォルダに展開します。
フォルダ名はなんでもいいですし、階層構造になってもOK。

フォントを追加後、ビルドアクションを リソース に変更する。
埋め込みリソース ではないことに注意。

次に、フォントをビューアで開き、フォント名を確認する。
フォントのファイル名は一切関係ないので注意。

Usage

ここで確認したフォント名を FontFamily として、xaml 内のリソースに追加。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<Window x:Class="Demo.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="MainWindow"
        Width="800"
        Height="450"
        mc:Ignorable="d">
    <Window.Resources>
        <ResourceDictionary>
            <FontFamily x:Key="FontAwesome">pack://application:,,,/Fonts/#Font Awesome 6 Free Solid</FontFamily>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <TextBlock HorizontalAlignment="Center"
                   VerticalAlignment="Center"
                   FontFamily="{StaticResource FontAwesome}"
                   FontSize="50"
                   Text="&#xf015;" />
    </Grid>
</Window>

これでフォントが表示される。

Result