如何统一设置所有组件字体大小

[zzMoon]

Version of antd-mobile

5.0.0-beta.25

Description

现在设置组件字体大小，只能一个一个的组件单独设置，感觉很麻烦，有没有什么方法统一设置 目前我采用的这种方法，感觉不友好 :root:root { --adm-font-size-main: 14px; .adm-list { font-size: 14px; } .adm-radio-content { font-size: 14px; } .adm-checkbox-content { font-size: 14px; } }

[awmleer]

这个现在的确没有更好的方案了，现在 antd-mobile 的风格化能力还做的不够，后面我们会完善一下

[awmleer]

这个 issue 先挂在这里吧

[codedart2018]

我也觉得mobile字体过大

[tank537285]

竟然是写死，没rem

[awmleer]

竟然是写死，没rem

rem 是你自己项目中处理的，作为一个组件库，antd-mobile 本来就不应该使用 rem 作为单位

[codedart2018]

竟然是写死，没rem

rem 是你自己项目中处理的，作为一个组件库，antd-mobile 本来就不应该使用 rem 作为单位

但统一能更改字体很有必要17大了。要秀气才好看。

[longkele]

我全局搜索了下--adm-font-size-9，发现只有几个基础组件使用了，不影响全局，所以有一个简单方案；

:root:root { --adm-font-size-9: 14px; }

[awmleer]

后面等稳定了之后，也会把字体相关的全局 CSS 变量（也就是类似于上面 @longkele 截图里的这些）暴露出来给用户的，然后也会加到文档里

现在其实理论上是已经暴露出来了的，用户想改就直接按照主题文档里的那种方式进行调整就可以了，之所目前文档里还没放出来，是担心后面有 break change

[tylerrrkd]

试试直接hack全局变量的值

:root:root {
  --adm-font-size-1: 6px;
  --adm-font-size-2: 7px;
  --adm-font-size-3: 8px;
  --adm-font-size-4: 9px;
  --adm-font-size-5: 10px;
  --adm-font-size-6: 11px;
  --adm-font-size-7: 12px;
  --adm-font-size-8: 13px;
  --adm-font-size-9: 14px;
  --adm-font-size-10: 16px;
}