iconFont在DevEco Studio 6.1.0 Beta2 的Previewer中无法显示

iconFont在DevEco Studio 6.1.0 Beta2 的Previewer中无法显示 问题现象：

将 DevEco 升级到 6.1.0 Beta2 版本后，项目中所有iconfont的图标，在 Previewer 都不能正常显示，变成空白，感觉像是没渲染出来。

尝试：

  1. 真机测试：正常（将代码直接下载到真机，所有iconFont图标显示正常）。

  2. 例程测试：Previwer 异常 ( 创建新项目，改用官方例程 - 如何使用iconfont-方舟UI框架（ArkUI）-UI框架-应用框架开发-开发 - 华为HarmonyOS开发者 ，仅将ttf文件替换成自己的。使用Previewer预览，所有 iconFont 图标空白)。真机正常 (下载到真机后，iconfont图标显示正常 )。

  3. DevEco 5.1测试：Previwer正常，真机正常 (将 DevEco 6.1.0 Beta2 卸载，并删除各种环境文件、临时文件。安装老版本 devecostudio-windows-5.1.0.828SP1.zip 使用自己的项目，Previewer、真机均可正常显示图标)。

  4. 再次DevEco 6.1.0 Beta2测试：问题依旧（删除DevEco 5.1，并删除干净，装回6.1，Preview 异常，真机正常）。

不知道大家那里有没有这个现象。或者还有哪个高点的版本可用 Previewer 渲染iconfont图标的，不想一个个版本再试了😐。


5 回复

可能是Previewer不支持iconfont渲染


实测， Proviewer 可预览 iconfont 图标的，高点的版本是 DevEco 6.0.0 （API20），但这个版本又不支持 Emoji 字体。

我这边的现象是：

DevEco 5.0.0 (API12) Previewer 支持 iconfont 字体、支持 Emoji 字体

DevEco 6.0.0 (API20) Previewer 支持 iconfont 字体、不支持 Emoji 字体

DevEco 6.1.0 Beta2(API23) Previewer 不支持 iconfont 字体，支持 Emoji 字体

开发者您好，问题正在处理中，请耐心等待

在DevEco Studio 6.1.0 Beta2的Previewer中，iconFont无法显示是已知的预览器问题。该问题不影响真机或模拟器的实际运行效果。预览器对部分自定义字体和图标的渲染支持存在临时性限制。

这是一个在DevEco Studio 6.1.0 Beta2 Previewer中已知的兼容性问题。根据你的详细测试，可以明确以下几点：

  1. 问题定位：问题仅存在于DevEco Studio 6.1.0 Beta2版本的Previewer预览器中。你的代码、资源文件（iconfont.ttf）以及真机运行环境都是正常的。这排除了项目配置和代码逻辑问题，属于IDE预览工具的特定Bug。

  2. 临时解决方案：

    • 依赖真机/模拟器进行UI预览：目前最可靠的开发方式是使用真机或远程模拟器（Simulator）进行实时预览（Previewer -> Start/Connect Device）。这是当前Beta2版本下保证iconfont显示无误的唯一稳定途径。
    • 检查并确认字体文件加载：确保你的fontFamily名称与字体文件内定义的font-family完全一致（区分大小写）。虽然真机正常表明你很可能已配置正确，但在Previewer异常的环境下，再次核对common.css或ohos.xml中的声明是有益的。

  3. 根本解决途径：此问题需要等待华为开发团队在后续的DevEco Studio版本中修复。建议关注官方发布的6.1.0 Release或更高版本的更新日志，该问题通常会在已知问题修复列表中列出。

总结：你遇到的并非个例，是当前Beta2预览器的一个缺陷。开发时请暂时使用真机或模拟器替代Previewer进行图标显示的验证，并留意后续IDE版本的更新。

回到顶部