HarmonyOS 鸿蒙Next eTS如何设置字体

HarmonyOS 鸿蒙Next eTS如何设置字体 大佬们，请教一下，ETS通用属性中的文本样式设置的属性fontFamily，设置了不同字体，如何使之生效？试了文档的示例，设置不同字体都是一种效果，

js中可以下载好对应的ttf文件，在css中@font-face定义引用，再到对应的选择器里面应用，但是ets尝试过很多种办法，无法实现

2 回复

你好，目前不支持这个属性，真机测过无效果。

更多关于HarmonyOS 鸿蒙Next eTS如何设置字体的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS（鸿蒙）系统中，使用eTS（Extensible TypeScript）框架进行开发时，设置字体通常涉及到对组件样式的配置。以下是如何在eTS中设置字体的基本方法：

  1. 定义样式： 在eTS中，你可以通过定义样式对象来设置字体。样式对象可以包含各种CSS样式属性，其中fontFamily属性用于指定字体。

    import { CommonStyle } from '[@ohos](/user/ohos).agp.components';

const myStyle: CommonStyle = {
    fontFamily: 'YourFontFamilyName', // 替换为你的字体家族名称
    fontSize: '16px', // 可选，设置字体大小
    fontWeight: 'normal', // 可选，设置字体粗细
    // 其他样式属性...
};

  2. 应用样式： 将定义好的样式对象应用到组件上。这可以通过组件的style属性来完成。

    [@Entry](/user/Entry)
[@Component](/user/Component)
struct MyComponent {
    build() {
        Flex({ direction: FlexDirection.Column, style: myStyle }) {
            Text('Hello, HarmonyOS!')
                .fontSize(16) // 也可以直接在这里设置字体大小等属性
                .fontFamily('YourFontFamilyName'); // 或者直接在这里设置字体家族
        }
    }
}

注意，YourFontFamilyName需要是你系统中已加载的字体家族名称。如果字体文件未包含在系统中，你可能需要先将其添加到项目中并进行相应的加载处理。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部