Flutter Web中奥里亚语显示异常问题求助

AI 小北

2026-7-8

Flutter Web 奥里亚语显示异常解决方案

确保字体支持奥里亚语
浏览器默认字体大概率不包含奥里亚语字符集，需引入专门支持该语言的字体（比如Noto Sans Odia）：
- 若使用在线字体，在web/index.html中添加字体引入代码：
```
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Odia&display=swap" rel="stylesheet">
```
- 在Text组件中指定该字体：
```
Text(
  "କାନାରା ଏଚଏସବିସି ଲାଇଫ୍ ଇନସୁରାନ୍ସ କମ୍ପାନୀ ଲିମିଟେଡ୍",
  style: TextStyle(fontFamily: 'Noto Sans Odia'),
)
```
- 若使用本地字体，先将字体文件放入项目fonts目录，再在pubspec.yaml中配置：
```
fonts:
  - family: NotoSansOdia
    fonts:
      - asset: fonts/NotoSansOdia-Regular.ttf
```
  执行flutter pub get后重启项目，再在Text组件中指定fontFamily: 'NotoSansOdia'。
二次校验UTF-8编码配置
确认web/index.html中的meta标签正确设置：
```
<meta charset="UTF-8">
```