下载字体文件

官网： http://www.fontawesome.com （现在免费版的更新到5.12.1版，大概有1500左右个）
中文网： http://www.fontawesome.com.cn （免费的只是4.7，v5的要钱买）

传送门—>fontawesome官网下载

下载完成后，解压并打开文件，您将找到扩展名为 .otf 的文件，完成此操作后，您可以转到下一步

使用步骤

1. 将字体文件添加到项目中（IOS添加到Resources目录下）

2. 添加字体引用

3. 吐槽一下
FontAwesome是不可以通过输入法直接输入的，只能直接输入Unicode编码，表示看到Unicode编码就烦。。。。。。用个图标还要去网上一查一下，简直要命
逛了一下Github，发现有个大神写了个程式，可以直接转成了一个C#类文件，其中包含所有FontAwesome图标代码的字符串常量，添加到项目中。这样可以在代码中使用VisualStudio的智能提示名字了，舒服多了。传送门>

<Label Text="{x:Static fontawesome:FontAwesomeIcons.Weixin}" Style="{StaticResource FABrands}"></Label>

4. 使用到页面上

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"xmlns:d="http://xamarin.com/schemas/2014/forms/design"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:fontawesome="clr-namespace:FontAwesome"mc:Ignorable="d"x:Class="Demo.MainPage"><ContentPage.Resources><ResourceDictionary><Style x:Key="FABrands" TargetType="Label"><Setter Property="FontFamily" Value="{StaticResource FontAwesomeBrands}"/><Setter Property="FontSize" Value="66"/></Style></ResourceDictionary></ContentPage.Resources><StackLayout><!-- Place new controls here --><Label Text="{x:Static fontawesome:FontAwesomeIcons.TencentWeibo}" Style="{StaticResource FABrands}" TextColor="BlueViolet"/><Label Text="{x:Static fontawesome:FontAwesomeIcons.Weixin}"  TextColor="Green" FontSize="Large"FontFamily="{StaticResource FontAwesomeBrands}"VerticalOptions="CenterAndExpand" /><Button  Clicked="Button_Clicked" Text="{x:Static fontawesome:FontAwesomeIcons.Weibo}" Style="{StaticResource FABrands}" TextColor="Green" FontSize="Large"/></StackLayout></ContentPage>

[Xamarin.forms] FontAwesome图标字体库用法相关推荐

字体图标在服务器上显示不出来,fontawesome图标字体库组件在服务器上显示不出来图标的解决...
这个组件在我所开发的网站中被大量使用,为网站增色不少.在本地测试的时候所有图标都能显示出来,可一到服务器上就显示不出来了.网上查列出了可能的原因.其一,IIS没有注册字体类型.经过检查,不存在这个问题 ...
使用Font-Awesome图标字体库
方法一,在vue +Element 的项目中直接安装.使用Font-Awesome图标字体库: 1. 安装font-awesome: 2.在main.js中引入: import 'font-aweso ...
FontAwesome图标字体库和CSS框架
1.CSS框架简介 Font Awesome是一套绝佳的图标字体库和CSS框架,为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. ...
fontawesome图标字体库
fontawesome图标字体库通过css类可以让你使用众多的图表,堪称一个图标字体的css框架了.Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包 ...
Qt使用FontAwesome图标字体库
官网: http://fontawesome.io/ 中文网: http://www.fontawesome.com.cn/ GitHub: https://github.com/FortAwesom ...
[c#] 使用Font-Awesome图标字体库
使用Font-Awesome图标字体 .net4.5及以上框架版本可以直接去使用MaterialDesign库中的图标icon,种类也很多.如果不满足版本要求可以使用Font-Awesome图标字体, ...
fontawesome图标字体库下载和使用
点击访问下载地址首页选择start for Free. 跳转到第二个页面后往下翻选择Download. 跳转到第三个页面依旧是往下翻,点击Download Font Awesome Free for ...
Qt中使用Font Awesome图标字体库
一.简介 Font Awesome号称是为Bootstrap设计的完美图标字体,经常出现在各类网页中,非常流行. 官网: https://fontawesome.com/ 中文网: http://ww ...
Font Awesome一套绝佳的图标字体库和CSS框架的使用
场景 Font Awesome 一套绝佳的图标字体库和CSS框架官网: http://fontawesome.dashgame.com/ 实现从官网下载资源文件,解压后的目录将上面解压后的四个目 ...

[Xamarin.forms] FontAwesome图标字体库用法

FontAwesome图标字体库在Xamarin.forms用法

下载字体文件

使用步骤

[Xamarin.forms] FontAwesome图标字体库用法相关推荐

最新文章

热门文章