uni-app 加载自定义字体后安卓textarea显示异常 文字头部部分不显示 且缺省情况下 textarea text input无法显示系统自定义字体
uni-app 加载自定义字体后安卓textarea显示异常 文字头部部分不显示 且缺省情况下 textarea text input无法显示系统自定义字体
测试过的手机
- iPhoneX
- p40
操作步骤：
- 加载自定义字体后安卓textarea显示不正常，文字头部会有一部分不显示
- 文字缺省情况下textarea、text、input不能显示系统自定义字体，是显示的系统默认字体，比如我的手机字体是设置的隶书，系统默认是黑体，那么在APP里设置自定义字体后，缺省字体就显示成了黑体，应该显示成隶书才对。
预期结果：
- 加载自定义字体后安卓textarea显示不正常，文字头部会有一部分不显示
- 文字缺省情况下textarea、text、input不能显示系统自定义字体，是显示的系统默认字体，比如我的手机字体是设置的隶书，系统默认是黑体，那么在APP里设置自定义字体后，缺省字体就显示成了黑体，应该显示成隶书才对。
实际结果：
- 加载自定义字体后安卓textarea显示不正常，文字头部会有一部分不显示
- 文字缺省情况下textarea、text、input不能显示系统自定义字体，是显示的系统默认字体，比如我的手机字体是设置的隶书，系统默认是黑体，那么在APP里设置自定义字体后，缺省字体就显示成了黑体，应该显示成隶书才对。
bug描述：
- 加载自定义字体后安卓textarea显示不正常，文字头部会有一部分不显示
- 文字缺省情况下textarea、text、input不能显示系统自定义字体，是显示的系统默认字体，比如我的手机字体是设置的隶书，系统默认是黑体，那么在APP里设置自定义字体后，缺省字体就显示成了黑体，应该显示成隶书才对。 代码看附件
更多关于uni-app 加载自定义字体后安卓textarea显示异常 文字头部部分不显示 且缺省情况下 textarea text input无法显示系统自定义字体的实战教程也可以访问 https://www.itying.com/category-93-b0.html
19 回复
请提供录屏或者截图看下表现差异
【bug优先处理规则】https://ask.dcloud.net.cn/article/38139
更多关于uni-app 加载自定义字体后安卓textarea显示异常 文字头部部分不显示 且缺省情况下 textarea text input无法显示系统自定义字体的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是一个已知的 uni-app 在 Android 平台上的字体渲染问题，主要涉及两个方面：
-
Android 平台 textarea 字体渲染异常：当加载自定义字体后，Android 原生 textarea 组件在计算文本布局时可能出现偏差，导致文字顶部被裁剪。这是底层渲染引擎的兼容性问题。
-
系统自定义字体失效：在 uni-app 中，一旦通过
uni.loadFontFace加载了自定义字体，系统默认字体系统会被覆盖。即使没有显式指定字体，组件也会使用加载的第一个字体文件，而非系统当前设置的字体（如隶书）。
临时解决方案：
对于问题1，可以尝试通过 CSS 为 textarea 增加上内边距（padding-top）来补偿被裁剪的部分，例如：
textarea {
padding-top: 4px;
}