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

如何,avalonia11,设置,自定义,字体 · 浏览次数 : 167

小编点评

**Avalonia字体设置指南** 在 Avalonia11 中设置自定义字体,您可以按照以下步骤操作: **1. 下载字体资源** * 访问 www.zhaozi.cn 网站上找到一些可用于 Avalonia 的字体资源。 * 选择字体资源网站,下载一个 TTF 文件。 **2. 在 Avalon.json 中配置字体** 在您的 Avalon.json 文件中添加以下代码: ```json { "Resources": { "FontFamily": "diyFont" } } ``` * 确保 "diyFont" 是您下载的字体资源的文件名称。 **3. 应用字体** * 在 UI 中使用 `Style` 属性设置字体: ```xml ``` * `diyFont` 是您设置的字体文件名称。 **4. 验证字体** 在 Windows 和 OpenKylin 系统中,您可以使用字体查看器软件 `FontForge` 来查看字体。 * 获取字体文件并将其加载到 FontForge 中。 * 选择 “Element”选项,然后选择 “Font Info”。 * 您将看到字体内部的字体名称。 **其他资源** * Avalon 官方文档地址:https://avalonia.dev/ * GitHub 项目:raokun/TerraMours.Chat.Ava **注意** * 您需要在 FontForge 中找到与字体文件名匹配的字体文件。 * 如果您无法找到合适的字体资源,您可以考虑使用其他字体库或创建自己的字体。

正文

如何在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.ttf#jf-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

与如何在Avalonia11中设置自定义字体相似的内容:

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

# 如何在Avalonia11中设置自定义字体 由于avalonia默认的中文字体显示的效果不太理想,我们需要下载一些自定义的字体,来优化UI的显示效果。avalonia的[官方文档地址](https://docs.avaloniaui.net/docs/next/guides/styles-and

dotnet 融合 Avalonia 和 UNO 框架

现在在 .NET 系列里面,势头比较猛的 UI 框架中,就包括了 Avalonia 和 UNO 框架。本文将告诉大家如何尝试在一个解决方案里面融合 Avalonia 和 UNO 两个框架,即在一个进程里面跑起来两个框架

一个跨平台的`ChatGPT`悬浮窗工具

# 一个跨平台的`ChatGPT`悬浮窗工具 使用`avalonia`实现的`ChatGPT`的工具,设计成悬浮窗,并且支持插件。 ## 如何实现悬浮窗? 在使用`avalonia`实现悬浮窗也是非常的简单的。 实现我们需要将窗体设置成无边框 在`Window`根节点添加一下属性,想要在Linux下

一步步教你在 Windows 上构建 dotnet 系应用的 UOS 软件安装包

本文将详细指导大家如何逐步为 dotnet 系列应用创建满足 UOS 统信系统软件安装包的要求。在这里,我们所说的 dotnet 系列应用是指那些能够在 Linux 平台上构建 UI 框架的应用,包括但不限于 CPF 应用、UNO 应用、Avalonia 应用等

5款.NET开源、免费、功能强大的图表库

LiveCharts2 LiveCharts2是一个.NET开源(MIT License)、简单、灵活、交互式且功能强大的.NET图表、地图和仪表,现在几乎可以在任何地方运行如:Maui、Uno Platform、Blazor-wasm、WPF、WinForms、Xamarin、Avalonia、W

Vue3 如何接入 i18n 实现国际化多语言

如何在现有 Vue 3.0 + Vite 项目中,引入 i18n 实现国际化多语言,可以手动切换,SEO友好,且完整可用的解决方案。

如何在 Windows 使用 Podman Desktop 取代 Docker Desktop

Podman Desktop 是 Docker Desktop 的免费替代品,是本地开发使用的另一个绝佳选择。它提供了类似的功能集,同时保持完全开源,让您避免使用 Docker 产品的许可问题。在本文中,您将学习如何安装和开始使用 Podman Desktop 来运行容器并部署到 Kubernete

如何在Spring Boot框架下实现高效的Excel服务端导入导出?

前言 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置。今天我们就使用纯前对按表格控件带大家了解,如何在Spring Boot框架下实现Excel服务端导

如何更改.NET中的默认时区?

除了"在操作系统中修改时区信息,然后重启.NET应用程序,使其生效"之外。如何在不修改操作系统时区的前提下,修改.NET中的默认时区呢? 这是一位 同学兼同事 于5月21日在技术群里问的问题,我当时简单地研究了一下,就写出来了。 现在写文章分享给大家,虽然我觉得这种需求非常小众,几乎不会有人用到。

如何在Spring Boot中配置MySQL数据库连接数

1.如何在Spring Boot中配置MySQL数据库的连接数 1.1主要配置 在Spring Boot中配置MySQL数据库连接数通常涉及到两个主要的配置: (1)数据源配置:这通常是在application.properties或application.yml文件中完成的,用于设置数据源的基本参