在wpf中使用fontawesome之类的字体图标(代码片段)

lonelyxmas lonelyxmas     2023-01-15     333

关键词:

原文:在WPF中使用FontAwesome之类的字体图标

我之前在博客中介绍过几个矢量图库网站,在WPF程序中,一般接触到的矢量图标资源有XAML、SVG、字体这三种格式。XAML是标准格式就不说了,SVG并不是直接支持的,不过微软提供了Expression Design可以非常方便我们将其转换为XAML格式的资源。而对于字体,虽然WPF是直接支持的,但由于字体图标其特殊性,要将其显示为图标还是需要费点劲的。本文这里就以Font-Awesome为例,介绍一下如何在WPF中使用字体图标。

首先添加一个样式,为了使用方便,建议直接做为全局样式:

    <Style x:Key="FontAwesome" >
        <Setter Property="TextElement.FontFamily" Value="
pack://application:,,,/Resource/#FontAwesome" />
        <Setter Property="TextElement.FontSize" Value="14" />
    </Style>

请注意我这里的FontFamily的设置,我是采用的嵌入字体的方式,这样在没有装该字体的机器上也是能正确显示图标的。

然后就可以直接使用该样式了:

    <Grid>
        <TextBlock Text="
&#xf0c2;"Style="StaticResource FontAwesome" Foreground="Blue"
                 VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="22"/>
    </Grid>

运行后可以得到如下图标了:技术分享图片

原理并不复杂,将TextBlock的Text设置为图标对应的文字,设置其FontFamily为FontAwesome即可。但这里有一个小的知识点就是:一般来说,fortawesome之类的图标字体中图标对应的文字都是不可以通过输入法直接输入的,只能直接输入Unicode编码,WPF在XAML中使用Unicode编码输入的方式和HTML是一样的,例如0xf0c2就对应为"&#xf0c2;"

除了TextBlock外,我这里写的样式可以应用于任何支持字体显示的控件的:

    <StackPanel>
        <Label Content="&#xf0c2;" Style="StaticResource FontAwesome" />
        <Button Content="&#xf0c2;" Style="StaticResource FontAwesome"/>
        <ContentControl Content="&#xf0c2;" Style="StaticResource FontAwesome"/>
    </StackPanel>

运行后效果如下:

    技术分享图片

最后一个问题就是如何找到我们的图标和对应的Unicode编码了,虽然可以通过安装字体后通过字符映射表查询,但是这样只能看到图形,而我们更希望先根据文字描述找图形,再根据图形找对应的十六进制值。好在一般那些字体图标网站上都列举了其对应关系的。对于fortawesome字体,直接访如下网页即可:http://fortawesome.github.io/Font-Awesome/cheatsheet/

或者,也可以使用我这里写的一个XAML扩展,将Font-awsome的字体转换了为枚举。这样可以在代码中使用名字了,程序可读性要好得多。

技术分享图片
    class FontValueMarkupExtension : MarkupExtension
    
        public FontDescription Font  get; set; 

        public override object ProvideValue(IServiceProvider serviceProvider)
        
            var charactor = typeof(FontDescription).GetField(Font.ToString())
                                .GetCustomAttribute<CharAttribute>()
                                .Value;

            return charactor.ToString();
        
    


    [AttributeUsage(AttributeTargets.Field)]
    sealed class CharAttribute : Attribute
    
        public char Value  get; private set; 

        public CharAttribute(char value)
        
            this.Value = value;
        
    

    enum FontDescription
    

        [Char(uf042)]
        Adjust,

        [Char(uf170)]
        Adn,

        [Char(uf037)]
        AlignCenter,

        [Char(uf039)]
        AlignJustify,

        [Char(uf036)]
        AlignLeft,

        [Char(uf038)]
        AlignRight,

        [Char(uf0f9)]
        Ambulance,

        [Char(uf13d)]
        Anchor,

        [Char(uf17b)]
        Android,

        [Char(uf209)]
        Angellist,

        [Char(uf103)]
        AngleDoubleDown,

        [Char(uf100)]
        AngleDoubleLeft,

        [Char(uf101)]
        AngleDoubleRight,

        [Char(uf102)]
        AngleDoubleUp,

        [Char(uf107)]
        AngleDown,

        [Char(uf104)]
        AngleLeft,

        [Char(uf105)]
        AngleRight,

        [Char(uf106)]
        AngleUp,

        [Char(uf179)]
        Apple,

        [Char(uf187)]
        Archive,

        [Char(uf1fe)]
        AreaChart,

        [Char(uf0ab)]
        ArrowCircleDown,

        [Char(uf0a8)]
        ArrowCircleLeft,

        [Char(uf01a)]
        ArrowCircleODown,

        [Char(uf190)]
        ArrowCircleOLeft,

        [Char(uf18e)]
        ArrowCircleORight,

        [Char(uf01b)]
        ArrowCircleOUp,

        [Char(uf0a9)]
        ArrowCircleRight,

        [Char(uf0aa)]
        ArrowCircleUp,

        [Char(uf063)]
        ArrowDown,

        [Char(uf060)]
        ArrowLeft,

        [Char(uf061)]
        ArrowRight,

        [Char(uf062)]
        ArrowUp,

        [Char(uf047)]
        Arrows,

        [Char(uf0b2)]
        ArrowsAlt,

        [Char(uf07e)]
        ArrowsH,

        [Char(uf07d)]
        ArrowsV,

        [Char(uf069)]
        Asterisk,

        [Char(uf1fa)]
        At,

        [Char(uf1b9)]
        Automobile,

        [Char(uf04a)]
        Backward,

        [Char(uf05e)]
        Ban,

        [Char(uf19c)]
        Bank,

        [Char(uf080)]
        BarChart,

        [Char(uf080)]
        BarChartO,

        [Char(uf02a)]
        Barcode,

        [Char(uf0c9)]
        Bars,

        [Char(uf236)]
        Bed,

        [Char(uf0fc)]
        Beer,

        [Char(uf1b4)]
        Behance,

        [Char(uf1b5)]
        BehanceSquare,

        [Char(uf0f3)]
        Bell,

        [Char(uf0a2)]
        BellO,

        [Char(uf1f6)]
        BellSlash,

        [Char(uf1f7)]
        BellSlashO,

        [Char(uf206)]
        Bicycle,

        [Char(uf1e5)]
        Binoculars,

        [Char(uf1fd)]
        BirthdayCake,

        [Char(uf171)]
        Bitbucket,

        [Char(uf172)]
        BitbucketSquare,

        [Char(uf15a)]
        Bitcoin,

        [Char(uf032)]
        Bold,

        [Char(uf0e7)]
        Bolt,

        [Char(uf1e2)]
        Bomb,

        [Char(uf02d)]
        Book,

        [Char(uf02e)]
        Bookmark,

        [Char(uf097)]
        BookmarkO,

        [Char(uf0b1)]
        Briefcase,

        [Char(uf15a)]
        Btc,

        [Char(uf188)]
        Bug,

        [Char(uf1ad)]
        Building,

        [Char(uf0f7)]
        BuildingO,

        [Char(uf0a1)]
        Bullhorn,

        [Char(uf140)]
        Bullseye,

        [Char(uf207)]
        Bus,

        [Char(uf20d)]
        Buysellads,

        [Char(uf1ba)]
        Cab,

        [Char(uf1ec)]
        Calculator,

        [Char(uf073)]
        Calendar,

        [Char(uf133)]
        CalendarO,

        [Char(uf030)]
        Camera,

        [Char(uf083)]
        CameraRetro,

        [Char(uf1b9)]
        Car,

        [Char(uf0d7)]
        CaretDown,

        [Char(uf0d9)]
        CaretLeft,

        [Char(uf0da)]
        CaretRight,

        [Char(uf150)]
        CaretSquareODown,

        [Char(uf191)]
        CaretSquareOLeft,

        [Char(uf152)]
        CaretSquareORight,

        [Char(uf151)]
        CaretSquareOUp,

        [Char(uf0d8)]
        CaretUp,

        [Char(uf218)]
        CartArrowDown,

        [Char(uf217)]
        CartPlus,

        [Char(uf20a)]
        Cc,

        [Char(uf1f3)]
        CcAmex,

        [Char(uf1f2)]
        CcDiscover,

        [Char(uf1f1)]
        CcMastercard,

        [Char(uf1f4)]
        CcPaypal,

        [Char(uf1f5)]
        CcStripe,

        [Char(uf1f0)]
        CcVisa,

        [Char(uf0a3)]
        Certificate,

        [Char(uf0c1)]
        Chain,

        [Char(uf127)]
        ChainBroken,

        [Char(uf00c)]
        Check,

        [Char(uf058)]
        CheckCircle,

        [Char(uf05d)]
        CheckCircleO,

        [Char(uf14a)]
        CheckSquare,

        [Char(uf046)]
        CheckSquareO,

        [Char(uf13a)]
        ChevronCircleDown,

        [Char(uf137)]
        ChevronCircleLeft,

        [Char(uf138)]
        ChevronCircleRight,

        [Char(uf139)]
        ChevronCircleUp,

        [Char(uf078)]
        ChevronDown,

        [Char(uf053)]
        ChevronLeft,

        [Char(uf054)]
        ChevronRight,

        [Char(uf077)]
        ChevronUp,

        [Char(uf1ae)]
        Child,

        [Char(uf111)]
        Circle,

        [Char(uf10c)]
        CircleO,

        [Char(uf1ce)]
        CircleONotch,

        [Char(uf1db)]
        CircleThin,

        [Char(uf0ea)]
        Clipboard,

        [Char(uf017)]
        ClockO,

        [Char(uf00d)]
        Close,

        [Char(uf0c2)]
        Cloud,

        [Char(uf0ed)]
        CloudDownload,

        [Char(uf0ee)]
        CloudUpload,

        [Char(uf157)]
        Cny,

        [Char(uf121)]
        Code,

        [Char(uf126)]
        CodeFork,

        [Char(uf1cb)]
        Codepen,

        [Char(uf0f4)]
        Coffee,

        [Char(uf013)]
        Cog,

        [Char(uf085)]
        Cogs,

        [Char(uf0db)]
        Columns,

        [Char(uf075)]
        Comment,

        [Char(uf0e5)]
        CommentO,

        [Char(uf086)]
        Comments,

        [Char(uf0e6)]
        CommentsO,

        [Char(uf14e)]
        Compass,

        [Char(uf066)]
        Compress,

        [Char(uf20e)]
        Connectdevelop,

        [Char(uf0c5)]
        Copy,

        [Char(uf1f9)]
        Copyright,

        [Char(uf09d)]
        CreditCard,

        [Char(uf125)]
        Crop,

        [Char(uf05b)]
        Crosshairs,

        [Char(uf13c)]
        Css3,

        [Char(uf1b2)]
        Cube,

        [Char(uf1b3)]
        Cubes,

        [Char(uf0c4)]
        Cut,

        [Char(uf0f5)]
        Cutlery,

        [Char(uf0e4)]
        Dashboard,

        [Char(uf210)]
        Dashcube,

        [Char(uf1c0)]
        Database,

        [Char(uf03b)]
        Dedent,

        [Char(uf1a5)]
        Delicious,

        [Char(uf108)]
        Desktop,

        [Char(uf1bd)]
        Deviantart,

        [Char(uf219)]
        Diamond,

        [Char(uf1a6)]
        Digg,

        [Char(uf155)]
        Dollar,

        [Char(uf192)]
        DotCircleO,

        [Char(uf019)]
        Download,

        [Char(uf17d)]
        Dribbble,

        [Char(uf16b)]
        Dropbox,

        [Char(uf1a9)]
        Drupal,

        [Char(uf044)]
        Edit,

        [Char(uf052)]
        Eject,

        [Char(uf141)]
        EllipsisH,

        [Char(uf142)]
        EllipsisV,

        [Char(uf1d1)]
        Empire,

        [Char(uf0e0)]
        Envelope,

        [Char(uf003)]
        EnvelopeO,

        [Char(uf199)]
        EnvelopeSquare,

        [Char(uf12d)]
        Eraser,

        [Char(uf153)]
        Eur,

        [Char(uf153)]
        Euro,

        [Char(uf0ec)]
        Exchange,

        [Char(uf12a)]
        Exclamation,

        [Char(uf06a)]
        ExclamationCircle,

        [Char(uf071)]
        ExclamationTriangle,

        [Char(uf065)]
        Expand,

        [Char(uf08e)]
        ExternalLink,

        [Char(uf14c)]
        ExternalLinkSquare,

        [Char(uf06e)]
        Eye,

        [Char(uf070)]
        EyeSlash,

        [Char(uf1fb)]
        Eyedropper,

        [Char(uf09a)]
        Facebook,

        [Char(uf09a)]
        FacebookF,

        [Char(uf230)]
        FacebookOfficial,

        [Char(uf082)]
        FacebookSquare,

        [Char(uf049)]
        FastBackward,

        [Char(uf050)]
        FastForward,

        [Char(uf1ac)]
        Fax,

        [Char(uf182)]
        Female,

        [Char(uf0fb)]
        FighterJet,

        [Char(uf15b)]
        File,

        [Char(uf1c6)]
        FileArchiveO,

        [Char(uf1c7)]
        FileAudioO,

        [Char(uf1c9)]
        FileCodeO,

        [Char(uf1c3)]
        FileExcelO,

        [Char(uf1c5)]
        FileImageO,

        [Char(uf1c8)]
        FileMovieO,

        [Char(uf016)]
        FileO,

        [Char(uf1c1)]
        FilePdfO,

        [Char(uf1c5)]
        FilePhotoO,

        [Char(uf1c5)]
        FilePictureO,

        [Char(uf1c4)]
        FilePowerpointO,

        [Char(uf1c7)]
        FileSoundO,

        [Char(uf15c)]
        FileText,

        [Char(uf0f6)]
        FileTextO,

        [Char(uf1c8)]
        FileVideoO,

        [Char(uf1c2)]
        FileWordO,

        [Char(uf1c6)]
        FileZipO,

        [Char(uf0c5)]
        FilesO,

        [Char(uf008)]
        Film,

        [Char(uf0b0)]
        Filter,

        [Char(uf06d)]
        Fire,

        [Char(uf134)]
        FireExtinguisher,

        [Char(uf024)]
        Flag,

        [Char(uf11e)]
        FlagCheckered,

        [Char(uf11d)]
        FlagO,

        [Char(uf0e7)]
        Flash,

        [Char(uf0c3)]
        Flask,

        [Char(uf16e)]
        Flickr,

        [Char(uf0c7)]
        FloppyO,

        [Char(uf07b)]
        Folder,

        [Char(uf114)]
        FolderO,

        [Char(uf07c)]
        FolderOpen,

        [Char(uf115)]
        FolderOpenO,

        [Char(uf031)]
        Font,

        [Char(uf211)]
        Forumbee,

        [Char(uf04e)]
        Forward,

        [Char(uf180)]
        Foursquare,

        [Char(uf119)]
        FrownO,

        [Char(uf1e3)]
        FutbolO,

        [Char(uf11b)]
        Gamepad,

        [Char(uf0e3)]
        Gavel,

        [Char(uf154)]
        Gbp,

        [Char(uf1d1)]
        Ge,

        [Char(uf013)]
        Gear,

        [Char(uf085)]
        Gears,

        [Char(uf1db)]
        Genderless,

        [Char(uf06b)]
        Gift,

        [Char(uf1d3)]
        Git,

        [Char(uf1d2)]
        GitSquare,

        [Char(uf09b)]
        Github,

        [Char(uf113)]
        GithubAlt,

        [Char(uf092)]
        GithubSquare,

        [Char(uf184)]
        Gittip,

        [Char(uf000)]
        Glass,

        [Char(uf0ac)]
        Globe,

        [Char(uf1a0)]
        Google,

        [Char(uf0d5)]
        GooglePlus,

        [Char(uf0d4)]
        GooglePlusSquare,

        [Char(uf1ee)]
        GoogleWallet,

        [Char(uf19d)]
        GraduationCap,

        [Char(uf184)]
        Gratipay,

        [Char(uf0c0)]
        Group,

        [Char(uf0fd)]
        HSquare,

        [Char(uf1d4)]
        HackerNews,

        [Char(uf0a7)]
        HandODown,

        [Char(uf0a5)]
        HandOLeft,

        [Char(uf0a4)]
        HandORight,

        [Char(uf0a6)]
        HandOUp,

        [Char(uf0a0)]
        HddO,

        [Char(uf1dc)]
        Header,

        [Char(uf025)]
        Headphones,

        [Char(uf004)]
        Heart,

        [Char(uf08a)]
        HeartO,

        [Char(uf21e)]
        Heartbeat,

        [Char(uf1da)]
        History,

        [Char(uf015)]
        Home,

        [Char(uf0f8)]
        HospitalO,

        [Char(uf236)]
        Hotel,

        [Char(uf13b)]
        Html5,

        [Char(uf20b)]
        Ils,

        [Char(uf03e)]
        Image,

        [Char(uf01c)]
        Inbox,

        [Char(uf03c)]
        Indent,

        [Char(uf129)]
        Info,

        [Char(uf05a)]
        InfoCircle,

        [Char(uf156)]
        Inr,

        [Char(uf16d)]
        Instagram,

        [Char(uf19c)]
        Institution,

        [Char(uf208)]
        Ioxhost,

        [Char(uf033)]
        Italic,

        [Char(uf1aa)]
        Joomla,

        [Char(uf157)]
        Jpy,

        [Char(uf1cc)]
        Jsfiddle,

        [Char(uf084)]
        Key,

        [Char(uf11c)]
        KeyboardO,

        [Char(uf159)]
        Krw,

        [Char(uf1ab)]
        Language,

        [Char(uf109)]
        Laptop,

        [Char(uf202)]
        Lastfm,

        [Char(uf203)]
        LastfmSquare,

        [Char(uf06c)]
        Leaf,

        [Char(uf212)]
        Leanpub,

        [Char(uf0e3)]
        Legal,

        [Char(uf094)]
        LemonO,

        [Char(uf149)]
        LevelDown,

        [Char(uf148)]
        LevelUp,

        [Char(uf1cd)]
        LifeBouy,

        [Char(uf1cd)]
        LifeBuoy,

        [Char(uf1cd)]
        LifeRing,

        [Char(uf1cd)]
        LifeSaver,

        [Char(uf0eb)]
        LightbulbO,

        [Char(uf201)]
        LineChart,

        [Char(uf0c1)]
        Link,

        [Char(uf0e1)]
        Linkedin,

        [Char(uf08c)]
        LinkedinSquare,

        [Char(uf17c)]
        Linux,

        [Char(uf03a)]
        List,

        [Char(uf022)]
        ListAlt,

        [Char(uf0cb)]
        ListOl,

        [Char(uf0ca)]
        ListUl,

        [Char(uf124)]
        LocationArrow,

        [Char(uf023)]
        Lock,

        [Char(uf175)]
        LongArrowDown,

        [Char(uf177)]
        LongArrowLeft,

        [Char(uf178)]
        LongArrowRight,

        [Char(uf176)]
        LongArrowUp,

        [Char(uf0d0)]
        Magic,

        [Char(uf076)]
        Magnet,

        [Char(uf064)]
        MailForward,

        [Char(uf112)]
        MailReply,

        [Char(uf122)]
        MailReplyAll,

        [Char(uf183)]
        Male,

        [Char(uf041)]
        MapMarker,

        [Char(uf222)]
        Mars,

        [Char(uf227)]
        MarsDouble,

        [Char(uf229)]
        MarsStroke,

        [Char(uf22b)]
        MarsStrokeH,

        [Char(uf22a)]
        MarsStrokeV,

        [Char(uf136)]
        Maxcdn,

        [Char(uf20c)]
        Meanpath,

        [Char(uf23a)]
        Medium,

        [Char(uf0fa)]
        Medkit,

        [Char(uf11a)]
        MehO,

        [Char(uf223)]
        Mercury,

        [Char(uf130)]
        Microphone,

        [Char(uf131)]
        MicrophoneSlash,

        [Char(uf068)]
        Minus,

        [Char(uf056)]
        MinusCircle,

        [Char(uf146)]
        MinusSquare,

        [Char(uf147)]
        MinusSquareO,

        [Char(uf10b)]
        Mobile,

        [Char(uf10b)]
        MobilePhone,

        [Char(uf0d6)]
        Money,

        [Char(uf186)]
        MoonO,

        [Char(uf19d)]
        MortarBoard,

        [Char(uf21c)]
        Motorcycle,

        [Char(uf001)]
        Music,

        [Char(uf0c9)]
        Navicon,

        [Char(uf22c)]
        Neuter,

        [Char(uf1ea)]
        NewspaperO,

        [Char(uf19b)]
        Openid,

        [Char(uf03b)]
        Outdent,

        [Char(uf18c)]
        Pagelines,

        [Char(uf1fc)]
        PaintBrush,

        [Char(uf1d8)]
        PaperPlane,

        [Char(uf1d9)]
        PaperPlaneO,

        [Char(uf0c6)]
        Paperclip,

        [Char(uf1dd)]
        Paragraph,

        [Char(uf0ea)]
        Paste,

        [Char(uf04c)]
        Pause,

        [Char(uf1b0)]
        Paw,

        [Char(uf1ed)]
        Paypal,

        [Char(uf040)]
        Pencil,

        [Char(uf14b)]
        PencilSquare,

        [Char(uf044)]
        PencilSquareO,

        [Char(uf095)]
        Phone,

        [Char(uf098)]
        PhoneSquare,

        [Char(uf03e)]
        Photo,

        [Char(uf03e)]
        PictureO,

        [Char(uf200)]
        PieChart,

        [Char(uf1a7)]
        PiedPiper,

        [Char(uf1a8)]
        PiedPiperAlt,

        [Char(uf0d2)]
        Pinterest,

        [Char(uf231)]
        PinterestP,

        [Char(uf0d3)]
        PinterestSquare,

        [Char(uf072)]
        Plane,

        [Char(uf04b)]
        Play,

        [Char(uf144)]
        PlayCircle,

        [Char(uf01d)]
        PlayCircleO,

        [Char(uf1e6)]
        Plug,

        [Char(uf067)]
        Plus,

        [Char(uf055)]
        PlusCircle,

        [Char(uf0fe)]
        PlusSquare,

        [Char(uf196)]
        PlusSquareO,

        [Char(uf011)]
        PowerOff,

        [Char(uf02f)]
        Print,

        [Char(uf12e)]
        PuzzlePiece,

        [Char(uf1d6)]
        Qq,

        [Char(uf029)]
        Qrcode,

        [Char(uf128)]
        Question,

        [Char(uf059)]
        QuestionCircle,

        [Char(uf10d)]
        QuoteLeft,

        [Char(uf10e)]
        QuoteRight,

        [Char(uf1d0)]
        Ra,

        [Char(uf074)]
        Random,

        [Char(uf1d0)]
        Rebel,

        [Char(uf1b8)]
        Recycle,

        [Char(uf1a1)]
        Reddit,

        [Char(uf1a2)]
        RedditSquare,

        [Char(uf021)]
        Refresh,

        [Char(uf00d)]
        Remove,

        [Char(uf18b)]
        Renren,

        [Char(uf0c9)]
        Reorder,

        [Char(uf01e)]
        Repeat,

        [Char(uf112)]
        Reply,

        [Char(uf122)]
        ReplyAll,

        [Char(uf079)]
        Retweet,

        [Char(uf157)]
        Rmb,

        [Char(uf018)]
        Road,

        [Char(uf135)]
        Rocket,

        [Char(uf0e2)]
        RotateLeft,

        [Char(uf01e)]
        RotateRight,

        [Char(uf158)]
        Rouble,

        [Char(uf09e)]
        Rss,

        [Char(uf143)]
        RssSquare,

        [Char(uf158)]
        Rub,

        [Char(uf158)]
        Ruble,

        [Char(uf156)]
        Rupee,

        [Char(uf0c7)]
        Save,

        [Char(uf0c4)]
        Scissors,

        [Char(uf002)]
        Search,

        [Char(uf010)]
        SearchMinus,

        [Char(uf00e)]
        SearchPlus,

        [Char(uf213)]
        Sellsy,

        [Char(uf1d8)]
        Send,

        [Char(uf1d9)]
        SendO,

        [Char(uf233)]
        Server,

        [Char(uf064)]
        Share,

        [Char(uf1e0)]
        ShareAlt,

        [Char(uf1e1)]
        ShareAltSquare,

        [Char(uf14d)]
        ShareSquare,

        [Char(uf045)]
        ShareSquareO,

        [Char(uf20b)]
        Shekel,

        [Char(uf20b)]
        Sheqel,

        [Char(uf132)]
        Shield,

        [Char(uf21a)]
        Ship,

        [Char(uf214)]
        Shirtsinbulk,

        [Char(uf07a)]
        ShoppingCart,

        [Char(uf090)]
        SignIn,

        [Char(uf08b)]
        SignOut,

        [Char(uf012)]
        Signal,

        [Char(uf215)]
        Simplybuilt,

        [Char(uf0e8)]
        Sitemap,

        [Char(uf216)]
        Skyatlas,

        [Char(uf17e)]
        Skype,

        [Char(uf198)]
        Slack,

        [Char(uf1de)]
        Sliders,

        [Char(uf1e7)]
        Slideshare,

        [Char(uf118)]
        SmileO,

        [Char(uf1e3)]
        SoccerBallO,

        [Char(uf0dc)]
        Sort,

        [Char(uf15d)]
        SortAlphaAsc,

        [Char(uf15e)]
        SortAlphaDesc,

        [Char(uf160)]
        SortAmountAsc,

        [Char(uf161)]
        SortAmountDesc,

        [Char(uf0de)]
        SortAsc,

        [Char(uf0dd)]
        SortDesc,

        [Char(uf0dd)]
        SortDown,

        [Char(uf162)]
        SortNumericAsc,

        [Char(uf163)]
        SortNumericDesc,

        [Char(uf0de)]
        SortUp,

        [Char(uf1be)]
        Soundcloud,

        [Char(uf197)]
        SpaceShuttle,

        [Char(uf110)]
        Spinner,

        [Char(uf1b1)]
        Spoon,

        [Char(uf1bc)]
        Spotify,

        [Char(uf0c8)]
        Square,

        [Char(uf096)]
        SquareO,

        [Char(uf18d)]
        StackExchange,

        [Char(uf16c)]
        StackOverflow,

        [Char(uf005)]
        Star,

        [Char(uf089)]
        StarHalf,

        [Char(uf123)]
        StarHalfEmpty,

        [Char(uf123)]
        StarHalfFull,

        [Char(uf123)]
        StarHalfO,

        [Char(uf006)]
        StarO,

        [Char(uf1b6)]
        Steam,

        [Char(uf1b7)]
        SteamSquare,

        [Char(uf048)]
        StepBackward,

        [Char(uf051)]
        StepForward,

        [Char(uf0f1)]
        Stethoscope,

        [Char(uf04d)]
        Stop,

        [Char(uf21d)]
        StreetView,

        [Char(uf0cc)]
        Strikethrough,

        [Char(uf1a4)]
        Stumbleupon,

        [Char(uf1a3)]
        StumbleuponCircle,

        [Char(uf12c)]
        Subscript,

        [Char(uf239)]
        Subway,

        [Char(uf0f2)]
        Suitcase,

        [Char(uf185)]
        SunO,

        [Char(uf12b)]
        Superscript,

        [Char(uf1cd)]
        Support,

        [Char(uf0ce)]
        Table,

        [Char(uf10a)]
        Tablet,

        [Char(uf0e4)]
        Tachometer,

        [Char(uf02b)]
        Tag,

        [Char(uf02c)]
        Tags,

        [Char(uf0ae)]
        Tasks,

        [Char(uf1ba)]
        Taxi,

        [Char(uf1d5)]
        TencentWeibo,

        [Char(uf120)]
        Terminal,

        [Char(uf034)]
        TextHeight,

        [Char(uf035)]
        TextWidth,

        [Char(uf00a)]
        Th,

        [Char(uf009)]
        ThLarge,

        [Char(uf00b)]
        ThList,

        [Char(uf08d)]
        ThumbTack,

        [Char(uf165)]
        ThumbsDown,

        [Char(uf088)]
        ThumbsODown,

        [Char(uf087)]
        ThumbsOUp,

        [Char(uf164)]
        ThumbsUp,

        [Char(uf145)]
        Ticket,

        [Char(uf00d)]
        Times,

        [Char(uf057)]
        TimesCircle,

        [Char(uf05c)]
        TimesCircleO,

        [Char(uf043)]
        Tint,

        [Char(uf150)]
        ToggleDown,

        [Char(uf191)]
        ToggleLeft,

        [Char(uf204)]
        ToggleOff,

        [Char(uf205)]
        ToggleOn,

        [Char(uf152)]
        ToggleRight,

        [Char(uf151)]
        ToggleUp,

        [Char(uf238)]
        Train,

        [Char(uf224)]
        Transgender,

        [Char(uf225)]
        TransgenderAlt,

        [Char(uf1f8)]
        Trash,

        [Char(uf014)]
        TrashO,

        [Char(uf1bb)]
        Tree,

        [Char(uf181)]
        Trello,

        [Char(uf091)]
        Trophy,

        [Char(uf0d1)]
        Truck,

        [Char(uf195)]
        Try,

        [Char(uf1e4)]
        Tty,

        [Char(uf173)]
        Tumblr,

        [Char(uf174)]
        TumblrSquare,

        [Char(uf195)]
        TurkishLira,

        [Char(uf1e8)]
        Twitch,

        [Char(uf099)]
        Twitter,

        [Char(uf081)]
        TwitterSquare,

        [Char(uf0e9)]
        Umbrella,

        [Char(uf0cd)]
        Underline,

        [Char(uf0e2)]
        Undo,

        [Char(uf19c)]
        University,

        [Char(uf127)]
        Unlink,

        [Char(uf09c)]
        Unlock,

        [Char(uf13e)]
        UnlockAlt,

        [Char(uf0dc)]
        Unsorted,

        [Char(uf093)]
        Upload,

        [Char(uf155)]
        Usd,

        [Char(uf007)]
        User,

        [Char(uf0f0)]
        UserMd,

        [Char(uf234)]
        UserPlus,

        [Char(uf21b)]
        UserSecret,

        [Char(uf235)]
        UserTimes,

        [Char(uf0c0)]
        Users,

        [Char(uf221)]
        Venus,

        [Char(uf226)]
        VenusDouble,

        [Char(uf228)]
        VenusMars,

        [Char(uf237)]
        Viacoin,

        [Char(uf03d)]
        VideoCamera,

        [Char(uf194)]
        VimeoSquare,

        [Char(uf1ca)]
        Vine,

        [Char(uf189)]
        Vk,

        [Char(uf027)]
        VolumeDown,

        [Char(uf026)]
        VolumeOff,

        [Char(uf028)]
        VolumeUp,

        [Char(uf071)]
        Warning,

        [Char(uf1d7)]
        Wechat,

        [Char(uf18a)]
        Weibo,

        [Char(uf1d7)]
        Weixin,

        [Char(uf232)]
        Whatsapp,

        [Char(uf193)]
        Wheelchair,

        [Char(uf1eb)]
        Wifi,

        [Char(uf17a)]
        Windows,

        [Char(uf159)]
        Won,

        [Char(uf19a)]
        Wordpress,

        [Char(uf0ad)]
        Wrench,

        [Char(uf168)]
        Xing,

        [Char(uf169)]
        XingSquare,

        [Char(uf19e)]
        Yahoo,

        [Char(uf1e9)]
        Yelp,

        [Char(uf157)]
        Yen,

        [Char(uf167)]
        Youtube,

        [Char(uf16a)]
        YoutubePlay,

        [Char(uf166)]
        YoutubeSquare,
    
View Code

另外的一个好处是可以使用VisualStudio的智能提示功能了。

   技术分享图片

虽然这样也比较方便,但XAML中的智能提示没有代码中那么强大(只输入后面的部分大部分情况下提示不出来),另外感觉还是没有一个总体的视图,许多时候还是得看看上面的那个网页。

 











fontawesome矢量版,十六进制版,wpf字体使用

我之前在博客中介绍过几个矢量图库网站,在WPF程序中,一般接触到的矢量图标资源有XAML、SVG、字体这三种格式。XAML是标准格式就不说了,SVG并不是直接支持的,不过微软提供了ExpressionDesign可以非常方便我们将其转换为XAML格... 查看详情

如何在axure中使用fontawesome字体图标

FontAwesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。FontAwesome应用在web网页开发中非常方便,那么在原型设计中是否能使用呢?答案是肯定... 查看详情

在unity中使用fontawesome图标字体

FontAwesome是一个前端用到的图标字体,简单说是个特殊的字体,里面不是文字都是图标。用这种方法可以简单的做出即使放大很多也不会出现锯齿的图标,不过好像图标不需要放大很多的说。很好玩就是了。FontAwesome... 查看详情

如何在ps上使用fontawesome字体

  FontAwesome介绍  FontAwesome是一款很流行的字体图标工具。随着Bootstrap的流行而逐渐被人所认识,现在FontAwesome不仅仅可以在bt上使用,还可以应用在各种web前端开发中。相对于传统的使用背景图片作为图标,字体图标主要是... 查看详情

wpf动态绑定fontawesome中的图标(代码片段)

平时我们写XAML时,需要使用fontawesome.ttf中的图标可以这样做:<TextBlockText="&#xf28e;"Name="tbTest"FontFamily="/wpf字体图标绑定测试;component/#fontawesome"/>就是这一句: 查看详情

wpf动态绑定fontawesome中的图标(代码片段)

平时我们写XAML时,需要使用fontawesome.ttf中的图标可以这样做:<TextBlockText="&#xf28e;"Name="tbTest"FontFamily="/wpf字体图标绑定测试;component/#fontawesome"/>就是这一句: 查看详情

在nuxt中引入fontawesome字体图标库

...是种类比较少,所以在这里提供一套更完善的字体图标库FontAwesome(官方文档),下面就开始介绍如何在一个nuxt项目中使用这套字体库。引入步骤1.进入FontAwesome官方网址,下载字体库,官方网址:http://fontawesome.dashgame.com/2.下载... 查看详情

如何在页面中使用fontawesome字体图标

参考技术A①首先,需要有这么个"图标主体"库②其次,把这个"图标字体"库,引入html页面(是图标字体库对应的css引入html)③最后,使用"图标字体"库具体操作:制作"图标字体":①这里以http://www.iconfon... 查看详情

wpf字体图标样式(代码片段)

  1、在网上下载FontICO字体字体压缩包 FontAwesome矢量图标库   2、下载到的压缩包,解压后获得图标字体文件      3、然后把字体文件夹拷贝到项目中,目录为(/fonts/字体文件)  ... 查看详情

如何使用fontawesome字体图标

FontAwesome是一套专门为TwitterBoostrap设计的图标字体库。这标字体集几乎囊括了网页中可能用到的所有图标,除了包含TwitterBoostrap的默认图标外,还有社交收集图标、Web应用法度图标和编辑器图标等等,可以免费用于贸易项目。下... 查看详情

2017.4.7图标库fontawesome的使用

 1.FontAwesome是一个非常方便的图标库。这些图标都是矢量图形,被保存在.svg的文件格式中。这些图标就和字体一样,你可以通过像素单位指定它们的大小,它们将会继承其父HTML元素的字体大小。 2.你可以将FontAwesome图标... 查看详情

在输入占位符文本中使用 Angular fontawesome 图标

】在输入占位符文本中使用Angularfontawesome图标【英文标题】:UseAngularfontawesomeiconininputplaceholdertext【发布时间】:2019-03-1403:47:45【问题描述】:我在Angular6应用程序中使用官方FontAwesomeAngular组件。但是我找不到将搜索图标作为占... 查看详情

在wpf中使用字体图标

ICO字体实现步骤   一、到Font-Awesome官方网站下载字体压缩包      二、下载到的压缩包,解压后获得图标字体文件      三、然后把字体文件夹拷贝到项目中,目录为(/fonts/... 查看详情

为啥位置 fontawesome 图标不能与占位符一起使用?

】为啥位置fontawesome图标不能与占位符一起使用?【英文标题】:Whylocationfontawesomeiconnotworkingwithplaceholder?为什么位置fontawesome图标不能与占位符一起使用?【发布时间】:2021-11-0213:28:43【问题描述】:我在两个输入字段中使用相... 查看详情

如何在wordpress主题中使用fontawesome

FontAwesome是一种矢量图标,或者叫图标字体,矢量的好处是无限缩放不会失真,可以适应各种尺寸的屏幕,省掉了做很多图片的麻烦。如果你想在自己的WordPress主题中使用FontAwesome,下面介绍了方法。安装插件FontAwesomeIcons我的博... 查看详情

NativeScript FontAwesome 5 免费版在 iOS 中用纯字体覆盖常规字体

】NativeScriptFontAwesome5免费版在iOS中用纯字体覆盖常规字体【英文标题】:NativeScriptFontAwesome5freeversionoverwritesregularfontbysolidfontiniOS【发布时间】:2019-05-1920:37:00【问题描述】:尝试使用以下字体在Nativescript中使用FontAwesome5显示用户... 查看详情

如何应用fontawesome矢量字体图标

FontAwesome是一套专门为TwitterBoostrap设计的图标字体库。这标字体集几乎囊括了网页中可能用到的所有图标,除了包含TwitterBoostrap的默认图标外,还有社交收集图标、Web应用法度图标和编辑器图标等等,可以免费用于贸易项目。下... 查看详情

windowform中使用fontawesomez(代码片段)

...且不失真,真心给人一种“高大上”的感觉。由于FontAwesome是完全免费的,无论个人还是商业使用,因此这种字体库使用的比较多。FontAwesome一个字体文件包含了非常多的实用图标,可以助你完整表达web页面上每个动作的含... 查看详情