如何在Avalonia11中设置自定义字体

博客 动态
0 164
优雅殿下
优雅殿下 2023-07-27 20:45:03
悬赏:0 积分 收藏

如何在Avalonia11中设置自定义字体

如何在Avalonia11中设置自定义字体

由于avalonia默认的中文字体显示的效果不太理想,我们需要下载一些自定义的字体,来优化UI的显示效果。avalonia的官方文档地址

对我在项目中运用的自定义字体操作做一个记录和分享,希望对大家有帮助。对应的代码都在基于Avalonia的GPT的AI会话项目用应用。采用的是最新稳定版本11.0.0-rc1.1。希望通过该项目了解和学习Avalonia开发的朋友可以在我的github上拉取代码,同时希望大家多多点点star。

https://github.com/raokun/TerraMours.Chat.Ava

1.添加资源

image-20230727192652194

代码如下

<Application.Resources>
    <FontFamily x:Key="diyFont">avares://TerraMours.Chat.Ava/Assets/JustFont.ttfjf-openhuninn-1.0</FontFamily>
</Application.Resources>

2.界面字体应用

image-20230727192608297

<Style Selector="TextBlock">
    <Setter Property="FontFamily" Value="{StaticResource diyFont}" />
    <Setter Property="Foreground" Value="rgb(220, 220, 220)" />
</Style>

3.应用效果展示

在Windows上的效果

image-20230727193759035

在openkylin系统上的效果

image-20230727193652904

4.字体资源网站

https://www.zhaozi.cn/s/all/freebusiness/

可以选择对应的字体下载,应用在程序中。

5.字体查看器软件FontForge

下载地址

拿到一个ttf的字体文件,怎么看这个字体的内部定义的字体名称

FontForge打开了字体

1.选择字体文件的路径,打开文件

image-20230727194528277

2.点击OK

image-20230727194542839

3.FontForge的菜单中,点击“Element”选项,然后选择“Font Info”。

image-20230727194621561

这样我们就可以拿到字体的内部名称了。

阅读如遇样式问题,请前往个人博客浏览: https://www.raokun.top

拥抱ChatGPT:https://chat111.terramours.site

开源项目地址:https://github.com/raokun/TerraMours.Chat.Ava

posted @ 2023-07-27 20:00  raokun  阅读(0)  评论(0编辑  收藏  举报
回帖
    优雅殿下

    优雅殿下 (王者 段位)

    2012 积分 (2)粉丝 (47)源码

    小小码农,大大世界

     

    温馨提示

    亦奇源码

    最新会员