search

DouyinFE / semi-design

🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click
https://semi.design
Other
8.27k stars 699 forks source link

[Font] 默认将Segoe UI放在PingFang SC后面 #2369

Open xmsz-stu opened 1 month ago

xmsz-stu commented 1 month ago

Which Component Need Enhancement 期望新增功能的组件

What does the proposed API look like 期望支持的API

Feature Description 功能描述

现在windows下，匹配的是Segoe UI，导致中文字会往下偏移 image

能否默认将Segoe UI放在PingFang SC后面

Additional information 补充说明

用css覆盖，发现每个组件都要覆盖一遍，有点麻烦，然后不想使用DSM

YyumeiZhang commented 1 month ago

从两个方面处理这个问题：

  1. 不需要每个组件都覆盖一遍，用 semi 插件设置下 $font-family 的全局token，用法如下 image
  2. 处理下组件库中 body 上的 font-family 样式设置，覆盖成你预期的方式
xmsz-stu commented 1 month ago

从两个方面处理这个问题：

  1. 不需要每个组件都覆盖一遍，用 semi 插件设置下 $font-family 的全局token，用法如下 image
  2. 处理下组件库中 body 上的 font-family 样式设置，覆盖成你预期的方式

有vite版本吗

YyumeiZhang commented 1 month ago

从两个方面处理这个问题：

  1. 不需要每个组件都覆盖一遍，用 semi 插件设置下 $font-family 的全局token，用法如下 image
  2. 处理下组件库中 body 上的 font-family 样式设置，覆盖成你预期的方式

有vite版本吗

https://www.npmjs.com/package/vite-plugin-semi-theme 社区开发者贡献的，看了下，有相关逻辑

pointhalo commented 1 month ago

@DaiQiangReal 可能这里没专门测试到 windows下的表现？如果每个用户都要改的话，理论上我们改会更合理一些。

DaiQiangReal commented 1 month ago

PingFang SC 在 windows 下也没有吧，应该把微软雅黑提前面？