一、字体集成:MAUI默认使用OpenSans字体,通过引入新的字体库和图标字体库为案例说明


(资料图片仅供参考)

1、案例的字体库,均在www.iconfont.cn下载

(1)字体库为阿里巴巴普惠体的Thin35,Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf

(2)字体图标库的下载方式详见【三、字体图标下载方式】,将下载的字体图标库重命名为MyIconFont.ttf

2、将字体库ttf文件,复制到Resources\Fonts文件夹下

(1)复制到Resources\Fonts文件夹的ttf字体库,文件属性的生成操作将自动设置为 MauiFont

(2)如果要复制到其它文件夹,或Fonts文件夹下的子文件夹,需要修改两个地方:一是将文件属性的生成操作设置为 MauiFont,二是添加项目属性的,如下:

         

3、在MauiProgram.cs入口文件中,注册字体库

public static class MauiProgram{    public static MauiApp CreateMauiApp()    {        var builder = MauiApp.CreateBuilder();        builder            .UseMauiApp()            .ConfigureFonts(fonts =>            {                fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular"); //模板默认注册的字体库                fonts.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold"); //模板默认注册的字体库                fonts.AddFont("MyIconFont.ttf", "MyIconFont"); //注册MyIconFont.ttf字体库,别名为MyIconFont                fonts.AddFont("Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf", "AliThin35");//注册Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf字体库,别名为AliThin35            });#if DEBUG        builder.Logging.AddDebug();#endif        return builder.Build();    }}

4、使用字体

                    

二、图像集成

1、基本介绍

2、基本使用:双击项目,设置项目属性,在ItemGroup元素中,进行图像集成的设置

                                ......

三、字体图标下载方式(以www.iconfont.cn为例):

1、找到需要的字体图标,并添加入库

2、打开购物车,下载字体代码

3、复制ttf字体到Resources\Fonts文件夹下(建议重命名),并查询字体的unicode字符值

推荐内容