WPF FontAwesome字体使用方法

最新推荐文章于 2024-06-21 15:26:08 发布

wpyok168

最新推荐文章于 2024-06-21 15:26:08 发布

阅读量899

点赞数

文章标签： wpf microsoft c#

本文链接：https://blog.csdn.net/wpyok168/article/details/121988345

版权

WPF FontAwesome字体使用方法
1、下载FontAwesome字体并解压放置在项目上如Fonts文件夹；
4.7版下载地址：https://fontawesome.dashgame.com/ 或
https://fontawesome.dashgame.com/assets/font-awesome-4.7.0.zip
5.0版下载地址：https://fa5.dashgame.com/#/ 或 https://fa5.dashgame.com/common/fontawesome-free-5.15.4-web.zip
https://fontawesome.com/v5/cheatsheet
https://www.bootcss.com/p/font-awesome/design.html
http://www.fontawesome.com.cn/cheatsheet/
https://www.bootcss.com/p/font-awesome/
https://fontawesome.com/v6.0/icons?s=solid
在这里插入图片描述
2、可以采用以下几种方法：
方法一：
APP.Xaml

<Application x:Class="WpfApp1.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:WpfApp1"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <FontFamily x:Key="FontAwesome">/Fonts/fontawesome-webfont.ttf#FontAwesome</FontFamily>
    </Application.Resources>
</Application>

//使用
<Button Content="&#xf0b2;" FontSize="18" FontFamily="{DynamicResource FontAwesome}" />

方法二：
使用辅助类 FontUtils类，并在控件上引用该字体

// FontUtils类
    public class FontUtils
    {
        static FontUtils()
        {
            try
            {
                Awesome = new FontFamily(new Uri(@"pack://application:,,,/FWindSoft.Wpf;component/Resources/"), "./#FontAwesome");
            }
            catch (Exception)
            {
            }
        }

        /// <summary>
        /// Awesome字体
        /// </summary>
        public static FontFamily Awesome { get; private set; }

    }
//窗体上引用字体类
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.FontFamily = FontUtils.Awesome;
            this.tf.FontFamily = FontUtils.Awesome;
        }
    }
//MainWindow.Xaml 如 Content="&#xf060;"
<Button x:Name="tf" Content="&#xf060;" FontSize="18"  HorizontalAlignment="Right" Margin="0,0,10,0" ></Button>

方法三：
3.1、nugut引用搜索FontAwesome5
3.2、xmal窗体引入
xmlns:fa5=“http://schemas.fontawesome.com/icons/”
3.3、使用方法
<fa5:ImageAwesome Icon=“Solid_ExclamationTriangle” Foreground="#FFFF7400"/>
或
<fa5:FontAwesome Icon=“Solid_ExclamationTriangle” Foreground="#FFFF7400"/>

其他方法可见：
https://stackoverflow.com/questions/38305239/how-use-icon-font-awesome-in-wpf
https://github.com/meziantou/WPFFontAwesome