【问题标题】:WPF and FontAwesome problem with hyphenated icons带有连字符图标的 WPF 和 FontAwesome 问题
【发布时间】:2021-05-28 16:08:56
【问题描述】:

我在我的 WPF 应用程序中使用 FontAwesome 作为图标。

使用单个名称图标时,一切都按预期工作,但是每当我尝试使用带连字符的图标名称时,字体不理解这一点,要么不绘制任何东西,要么绘制两个图标(连字符的左侧和右侧) 单独(如果存在)。

这会绘制用户图标。太好了。

<!--FontAwesome Font applied in style-->
<TextBlock Style="{DynamicResource mainButtonImage}" Margin="5" Text="user"></TextBlock>

这个,绘制用户图标,一个“-”和一个圆圈图标。它应该是“用户圈”图标。

<TextBlock Style="{DynamicResource mainButtonImage}" Margin="5" Text="user-circle"></TextBlock>

应该是这样画的:https://fontawesome.com/icons/user-circle?style=regular

当我在系统上的记事本中进行测试时,它按预期工作。

有什么想法吗?

【问题讨论】:

  • 尝试转义连字符或直接与 \u 一起使用 Unicode 值?
  • 感谢您的评论。这不起作用:“user-circle”(尽管它仍然像往常一样在屏幕上绘制连字符。
  • 这也行不通..虽然我并不完全有信心正确地转义它.. Text="{} user-circle"
  • 然后直接在他们的网站上询问他们。

标签: c# wpf visual-studio user-interface font-awesome


【解决方案1】:

我通过以下两种方式实现了“用户圈”图标:

方法一:

1.您可以在项目的Package NuGet Manager中安装FontAwesome.WPF

2.将xmlns:fa="http://schemas.fontawesome.io/icons/" 导入您的 XAML 代码。

3. 像这样在你的 TextBlock 中使用它:

<fa:FontAwesome Icon="UserCircle" FontSize="100"></fa:FontAwesome>

方法二:

1.在fontawesome下载字体真棒。

2.解压缩文件并将字体作为资源复制到项目中。路径是\Font\fa-regular-400.ttf

3.在Window.Resources中添加FontAwesome样式:

<Window.Resources>
        <Style x:Key="FontAwesome">
            <Setter Property="TextElement.FontFamily" Value="pack://application:,,,/Font/#Font Awesome 5 Free Regular" /> 
        </Style>
    </Window.Resources>

4.在TextBlock中使用style,在Text中写user-circle的Unicode代码如下:

<TextBlock Text="&#xf2bd;" Style="{DynamicResource FontAwesome}" />

也许你可以参考这两种方法来实现你的程序。

【讨论】:

  • 我已经在使用您的第二个建议,但这就是我遇到问题的地方。您使用“”的解决方案确实有效,但你能详细说明你是从哪里开始使用它的吗?我看到 f3bd 被归类为该图标的 unicode,但是您从哪里/为什么获得“”前缀?
猜你喜欢
  • 1970-01-01
  • 2016-03-31
  • 1970-01-01
  • 1970-01-01
  • 2012-11-03
  • 1970-01-01
  • 2021-03-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多