DevEco Studio导入iconFont的字体文件为什么会报错

为什么两个.css文件都报错了呀?是不支持css的语法吗。

另外想问一下,这些文件都是啥意思。除了两个demo文件,其他的文件都需要导入进来吗。

如果我后面还想加入新的iconfont该怎么添加进来呀T T

DevEco Studio导入iconFont的字体文件为什么会报错-鸿蒙开发者社区

DevEco Studio
iconFont
自定义字体
2025-07-02 14:26:20
浏览
1
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
wangKirk

原因:鸿蒙的 ArkUI 并不支持直接使用 Web 的 .css 样式文件。它不是 Web 环境,不能像传统前端那样 @font-face + class 来使用 iconfont

解决:从 iconfont 下载包中提取关键文件,把下载文件中的ttf格式的文件拷贝到目录中:resources/base/font/ 就可以使用了。

用法:

Text('\ue600') // 字符代码,可在 iconfont 网站上查看
  .fontFamily('iconfont') // 绑定字体名
  .fontSize(32)
分享
微博
QQ
微信
回复
2025-07-08 09:46:37
全栈若城

鸿蒙的 ArkUI 并不支持直接使用 Web 的 .css 样式文件 , 你直接导出图片使用会好些

分享
微博
QQ
微信
回复
2025-07-11 10:22:43
相关问题
Checkstyle插件使用中为什么会报错
9579浏览 • 1回复 已解决
为什么没有Linux版本DevEco Studio
12548浏览 • 1回复 待解决
首选项存储问题,为什么会报错
1407浏览 • 1回复 待解决
DevEco Studio不能导入Module吗
8457浏览 • 2回复 待解决
DevEco Studio什么
20010浏览 • 1回复 已解决
初次安装DevEco Studio编译报错
9820浏览 • 1回复 待解决
DevEco Studio 5.0.3.300 版本预览报错
1737浏览 • 1回复 待解决
DevEco Studio新建工程,编译报错
5826浏览 • 0回复 待解决
HarmonyOS 什么时候支持iconfont
1348浏览 • 1回复 待解决
Deveco studio中如何修改java文件名称
7828浏览 • 3回复 待解决