Wiki 知识库

全部文档 / 作者: RicoUI (@ricouii) / 标签: CSS

2 篇
清除

中文网站的字体选型配置推荐

文章介绍了中文网站 font-family 的最佳实践:遵循“先西后中、兼顾主流操作系统、最后以通用无衬线字体兜底”的原则。作者给出了 --font-sans 和 --font-mono 两个 CSS 变量配置示例,解释了 Apple 生态、Windows、Android 等系统字体入口的作用,并总结了三条避坑指南:西文字体须写在中文字体之前、中文字体尽量使用英文名称避免编码问题、带空格的字体名必须用双引号包裹。此外还提醒不声明字体时浏览器渲染的是默认字体而非系统字体。

技术 › 前端 RicoUI (@ricouii) 2026-10-231.9 KB 75

我做了一个开源的设计工作台:管理 & 编辑 & 生成 DESIGN.md

作者开源了 RICOUI DESIGN,一个基于 DESIGN.md 的设计系统工作台。DESIGN.md 是一种结构化 Markdown 文档,集中记录品牌的颜色、字体、间距、组件规则与设计约束,人和 AI 都能读取。工作台支持创建、编辑、预览 DESIGN.md,浏览内置品牌设计参考库,可通过 AI 从公开网站生成初稿,并将文档派生为 Design Tokens、CSS 和 ZIP 供前端与 AI 工具使用。文章详细介绍了 DESIGN.md 的结构约定、从品牌参考到自有设计库的使用流程、AI 生成与安全边界、派生检查机制及云端存储方案,强调以 DESIGN.md 作为唯一源文件维护设计规范。

技术 › 前端 RicoUI 2026-09-0318.6 KB 19.3K 161 87