antd 从 2.0 -> 3.0 迁移后,默认字体大小从 12px -> 14px 增加,有没有办法自定义 antd 字体大小?
After the migration of antd from 2.0 -> 3.0 the default font size got increased from 12px -> 14px , is there a way to customize the antd fontsize?
迁移 antd 2.0 -> 3.0 后,无法将 antd table 的默认字体大小从 14px 更改为 12px。谁能帮帮我
是
您可以:
使用 v2 样式 import 'antd/lib/style/v2-compatible-reset';
或
使用modifyvar
手动调整字体以覆盖这些LESS变量:
@font-size-base : 14px;
@font-size-lg : @font-size-base + 2px;
@font-size-sm : 12px;
更多信息
https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
我想分享我采用的方法,因为它有点不同,我在我的项目中使用 SASS,所以纯粹的 less 方法很棘手。相反,我将 dist 和 lib 文件夹复制到一个新目录,然后编辑字体大小变量:
lib/style/themes/default.less
然后我安装less,然后从dist
文件夹
运行
lessc antd.less antdcompiled.css
然后我将这个文件复制到我的项目中,引用它,效果很好。
迁移 antd 2.0 -> 3.0 后,无法将 antd table 的默认字体大小从 14px 更改为 12px。谁能帮帮我
是
您可以:
使用 v2 样式 import 'antd/lib/style/v2-compatible-reset';
或
使用modifyvar
手动调整字体以覆盖这些LESS变量:
@font-size-base : 14px;
@font-size-lg : @font-size-base + 2px;
@font-size-sm : 12px;
更多信息
https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
我想分享我采用的方法,因为它有点不同,我在我的项目中使用 SASS,所以纯粹的 less 方法很棘手。相反,我将 dist 和 lib 文件夹复制到一个新目录,然后编辑字体大小变量:
lib/style/themes/default.less
然后我安装less,然后从dist
文件夹
lessc antd.less antdcompiled.css
然后我将这个文件复制到我的项目中,引用它,效果很好。