HarmonyOS鸿蒙Next中Resource目录是否可以添加ttf字体文件,$r能否加载到字体文件

HarmonyOS鸿蒙Next中Resource目录是否可以添加ttf字体文件,$r能否加载到字体文件 Resource 目录是否可以添加 ttf字体文件,$r能否加载到字体文件

3 回复

可以使用$rawfile方式。

参考文档:[@ohos.font (注册自定义字体)-UI界面-ArkTS API-ArkUI(方舟UI框架)-应用框架 - 华为HarmonyOS开发者 (huawei.com)](https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-font-V5) (示例代码中"familySrc支持RawFile"部分)

(1). 字体文件放置路径:src/main/resources/rawfile/font/gealova.otf

(2). 代码中引用示例

font.registerFont({ familyName: 'Gealova', familySrc: $rawfile('font/gealova.otf') })

更多关于HarmonyOS鸿蒙Next中Resource目录是否可以添加ttf字体文件,$r能否加载到字体文件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,Resource目录可以添加ttf字体文件。通过将ttf文件放置在resources/base/element/font目录下,可以在应用中使用这些字体文件。$r是鸿蒙系统中用于引用资源的语法,但$r不能直接加载字体文件。字体文件需要通过Font类来加载和使用。例如,可以使用Font.createFromFile方法加载字体文件,并将其应用到文本组件中。具体代码示例如下:

import font from '@ohos.font';

let fontPath = $r('app.font.myfont');
let myFont = font.createFromFile(fontPath);

// 将字体应用到文本组件
let text = new Text();
text.font = myFont;

在这个示例中,$r('app.font.myfont')引用了resources/base/element/font目录下的字体文件myfont.ttf,然后通过Font.createFromFile方法加载该字体文件,并将其应用到Text组件中。

在HarmonyOS鸿蒙Next开发中,Resource目录支持添加ttf字体文件。你可以将字体文件放置在resources/base/element/font目录下。通过$r方法,可以加载并使用这些字体资源。例如:

let font = $r('app.font.your_font_file_name');

这样就可以在应用中使用自定义字体。确保字体文件名称与资源引用路径一致。

回到顶部