字体

建议

字体系统的构建，是「动态秩序之美」的第一步。在实际的设计中，我们还有三点建议：

建立体系化的设计思路：在同一个系统的 UI 设计中先建立体系化的设计思路，对主、次、辅助、标题、展示等类别的字体做统一的规划，再落地到具体场景中进行微调。建立体系化的设计思路有助于强化横向字体落地的一致性，提高字体应用的性价比，减少不必要的样式浪费。
少即是多：在视觉展现上能够用尽量少的样式去实现设计目的。避免毫无意义的使用大量字阶、颜色、字重强调视觉重点或对比关系。
尝试让字体像音符一样跳跃：在需要拉开差距的时候可以尝试在字阶表中跳跃地选择字体大小，会令字阶之间产生一种微妙的韵律感。

字体

中文:

中文字体设计默认使用苹方-简体，开发若无特殊要求推荐优先使用默认的界面字体字重多数情况下，只出现 Regular 和 Medium 两种字体重量

--wk-font-family: Inter, -apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, noto sans, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif

西文:

西文字体设计默认使用苹方-简体，开发若无特殊要求推荐优先使用默认的界面字体字重多数情况下，只出现 Regular 和 Medium 两种字体重量

--wk-font-family-serif: ui-serif, Georgia, Cambria, Times New Roman, Times, serif

数字:

$123.1234
数字字体正常文段显示可使用苹方-简体，当数字作为重要展示（如：大号数据展示，价格展示….）时，需使用 Oswald 字体字重多数情况下，只出现 Regular 和 Medium 两种字体重量

--wk-font-family-number: "Oswald"

等宽:

Hello world -- ivan lee

--wk-font-family-mono: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace

字体大小和行高

我在幻想着，幻想在破灭着，幻想总把破灭宽恕，破灭却从不把幻想放过。

--wk-font-size-h1: 20px; --wk-font-line-height-h1: 30px

凹面镜般的天宇，紧扣着大地——这块不透明的玻璃。太阳用光焰的扫帚，扫除着——冬天那冰雪的足迹。

--wk-font-size-h2: 18px; --wk-font-line-height-h2: 28px

浓厚的黑夜，把天地粘合在一起。星星混着烛火，银河连着水渠，我们小小的茅屋，成了月宫的邻居。去喝一杯桂花茶吧！/顺便问问户口问题

--wk-font-size-h3: 16px; --wk-font-line-height-h3: 24px

好久没看见雪了/只有春天和绣球花/开得盛呢盖着/我薄薄的屋顶/有人爱花有人爱人/有人爱雪/而我/却爱灰烬的纯洁/提水看山看火被烟带走/落叶纷纷绿荫长长/光束累累/阳光水和灰烬/一朵花的颜色/爱的三个季节

--wk-font-size-h4: 14px; --wk-font-line-height-h4: 22px

一个人，生活可以变得好，也可以变得坏；可以活得久，也可以活得不久；可以做一个艺术家，也可以锯木头，没有多大区别。但是有一点，就是他不能面目全非，他不能变成一个鬼，他不能说鬼话、说谎言，他不能在醒来的时候看见自己觉得不堪入目。一个人应该活得是自己并且干净

--wk-font-size-h5: 13px; --wk-font-line-height-h5: 22px

雷，人真是有灵魂，生下来就有，不是瞎说。平常人是一个钟，哑了，灵魂荡起来的时候，生命就响了，都是回声，传到很远的地方去。死不是空虚的，死是实在的，太密集了。我的灵魂到那去了，有时候相爱，有时候灵魂就飞走了。真像蛋壳一样。我有这个宝贝，别人没有。有时也真孤寂，找不到一个灵魂。能找到的都是生活。真渴望被精美地爱。可是我知道，没有比相思更美的，相思真像光中飘着的线。一头没拽住就飘下去了。两条线跳同一个舞蹈，拽紧了就成织布机了。全动心就坏了，钢琴只能弹一个琴键，一种不知道的美丽，一种是好像知道的美丽。

--wk-font-size-h6: 12px; --wk-font-line-height-h6: 20px

默认字体大小和行高通常取 h4：

晨风洗去夜和浮尘，窗角露出澄澈的黎明；年轻的白杨在爱抚中低语，正经的麻雀在平台上议论

--wk-font-size: 14px; --wk-font-line-height: 22px

粗体：

加粗字体：没有被谁知道，也没有被谁忘记。活在别人的回忆里，那不是我的目的

常规字体：真实未必在现实里，梦往往是最值得依赖的，他不说谎

--wk-font-weight: 400

字体 #

建议 #

字体 #

字体大小和行高 #

字体

建议

字体

字体大小和行高