zoukankan      html  css  js  c++  java
  • wpf 使用Font-Awesome图标字体

    wpf 使用Font-Awesome图标字体

    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>
     
    
  • 相关阅读:
    Cs231n课堂内容记录-Lecture1 导论
    Linux实时查询GPU使用命令
    导出excel的简单方法
    正则表达式的一些应用
    4、Python语法之变量
    javaScript中对typeof 和 instanceof 的使用及理解
    JavaScrpt 变量作用域
    真香的flex弹性布局
    css调试与样式优先级
    css3新样式
  • 原文地址:https://www.cnblogs.com/z_lb/p/7803934.html
Copyright © 2011-2022 走看看