美文网首页
wpf 使用Font-Awesome图标字体

wpf 使用Font-Awesome图标字体

作者: zhanglb12 | 来源:发表于2017-11-08 14:34 被阅读0次

1、http://fontawesome.io/ 中下载Font-Awesome字体

然后把字体文件fontawesome-webfont.ttf 拷贝到项目中

build action 设置为Resource

并设置“复制到输出目录”为“如果较新则复制” 或者 copy always

所有图标对应的值内容地址

http://www.bootcss.com/p/font-awesome/design.html

<Window x:Class="WpfApplication1.MainWindow" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
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}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
<TextBlock Text="&#xf01a;" Style="{DynamicResource FontAwesome}" />
</WrapPanel> 
</Window>
 

相关文章

  • wpf 使用Font-Awesome图标字体

    1、http://fontawesome.io/ 中下载Font-Awesome字体 然后把字体文件fontawe...

  • 前后端分离-阿里百秀项目

    1. 项目技术 客户端使用了:jQuery + Ajax + 模板引擎 + font-awesome(字体图标库)...

  • 微信小程序开发之旅 - 定制字体图标

    前言 字体图标,相信大家都不陌生,什么font-awesome,iconic等等,但是这些基本都是在web前端使用...

  • 杂记

    杂记1、图标字体:http://www.bootcss.com/p/font-awesome/#integrati...

  • font-Awesome使用指南

    对font-awesome的理解: font-awesome和很多其他矢量字体图标一样,可以用在各响应式和移动端网...

  • WPF中使用FontAwesome图标字体

    如题,我们先看下最终效果图。 1. 下载FontAwesome图标字体文件 大家可以点击这里下载FontAweso...

  • Bootstrap布局组件——字体图标

    Bootstrap 字体图标(Glyphicons) 字体图标是在 Web 项目中使用的图标字体。字体图标用于显示...

  • 字体图标

    9字体图标 1. 字体图标优点 2. 字体图标使用流程 总体来说,字体图标按照如下流程: 3. 设计字体图标...

  • 01-字体图标配置和使用

    一、什么叫做字体图标? 可以像使用字体一样使用图标 一般辨别是否是字体图标主要是看图标是否是纯色 二、字体图标有那...

  • Bootstrap 布局组件

    Bootstrap 字体图标(Glyphicons) 字体图标是在 Web 项目中使用的图标字体。虽然,Glyph...

网友评论

      本文标题:wpf 使用Font-Awesome图标字体

      本文链接:https://www.haomeiwen.com/subject/ybzemxtx.html