Outfit 开源几何无衬线字体9 种字重免费商用【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-Fonts界面字重往往只有常规和粗体两档加粗显得廉价换颜色又破坏层级。Outfit 字体没有这种取舍——从 Thin(100) 到 Black(900) 的完整字重以免费开源的几何无衬线字体形态提供。 Outfit 字体的协议、字重覆盖与文件格式盘点Outfit 是 outfit.io 发布的几何无衬线字体采用 SIL Open Font License 1.1OFL协议可自由用于商业网页、移动应用与印刷品无需额外授权。家族名称为 Outfitwght 轴覆盖 9 个整数节点Thin(100)、ExtraLight(200)、Light(300)、Regular(400)、Medium(500)、SemiBold(600)、Bold(700)、ExtraBold(800)、Black(900)相邻字重共享同一套字形骨架适合在同一版面内做粗细对比。从 Thin(100) 到 Black(900) 的 9 种字重体系同一套字形骨架仅粗细不同字体由 CI 流水线自动构建并经过 Fontbakery 的轮廓与 shaping 校验团队引入时的质量风险可控。首个公开版本为 1.02021-08-29仓库结构遵循 Unified Font Repository 规范。产物按用途分层fonts/otf 与 fonts/ttf 面向桌面设计软件与通用应用fonts/webfonts 提供 9 个独立 WOFF2 静态字重fonts/variable 提供可变字体Glyphs 源码与构建配置见 字体源文件目录。Outfit 字体的获取、格式选择与安装路径克隆仓库git clone https://gitcode.com/gh_mirrors/ou/Outfit-Fonts按场景选择格式桌面设计用 fonts/otf通用软件用 fonts/ttf网页用 fonts/webfonts动态字重用 fonts/variable安装Linux 将字体文件复制到 /usr/share/fonts 后执行 fc-cache -f -vWindows 与 macOS 双击字体文件安装只服务于网页的项目可以只带 fonts/webfonts 目录不必引入 OTF 与 TTF减少后续维护的文件数量。 Outfit 可变字体的调轴用法与 Web 加载策略可变字体是 Outfit 最核心的工程特性。Outfit[wght].woff2 用单个文件覆盖 100-900 全区间wght 轴支持区间内任意插值而不是只能在 9 个整数节点之间切换。对悬停态、滚动联动、响应式断点这类需要连续字重变化的交互声明一次字体后即可在客户端平滑调轴无需为每个过渡状态额外加载文件。/* 可变字体wght 轴在 100-900 连续可调悬停时平滑过渡 */ .interactive-heading { font-family: Outfit Variable, sans-serif; font-variation-settings: wght 400; transition: font-variation-settings 0.3s ease; } .interactive-heading:hover { font-variation-settings: wght 700; }使用前需要把 fonts/variable/Outfit[wght].woff2 通过 font-face 注册font-weight 声明为 100 900。不支持可变字体的旧浏览器会回退到已注册的静态字重视觉差异在可接受范围内。静态场景下 WOFF2 是更稳妥的选择Brotli 压缩后体积小于 WOFF1且可以按字重按需加载。配合 font-display: swap首屏先用系统回退字体渲染字体就绪后再切换避免文字空白期。/* WOFF2 静态字重 swap回退文本先显示避免加载期空白 */ font-face { font-family: Outfit; src: url(fonts/webfonts/Outfit-Regular.woff2) format(woff2); font-weight: 400; font-display: swap; } body { font-family: Outfit, sans-serif; line-height: 1.6; }如果页面只用两三个字重静态 WOFF2 的初始下载通常小于可变字体只有交互确实需要连续字重变化时才引入可变字体两种策略可以按页面共存。字重分配上建议正文使用 300-400小标题与按钮使用 500-600主标题与品牌标识使用 700 以上Thin 与 ExtraLight 更适合大字号展示小字号下可读性下降明显。同一字形在不同字重下的视觉差异Bold(700) 与 Thin(100) 形成强对比⚖️ Outfit 字体的适用边界与选型取舍Outfit 的字形以拉丁字母为主中文字符会回退到系统字体混排页面需要单独指定中文回退栈。几何化的圆形构件让它在界面与海报中辨识度高但在密集小字号的长文本里可读性不如常规无衬线字体。OFL 允许修改与再分发但要求保留许可证声明Outfit 属于保留字体名称。选型时建议先用目标字号实测三档字重再决定是否采纳。适合不适合品牌视觉与界面主字体中文长文正文依赖字重对比的层级设计需要 CJK 字形覆盖的场景可变字重过渡的动态效果严格像素对齐的印刷排版如果一个项目需要单一几何无衬线字体覆盖全部界面字重Outfit 值得进入候选名单。git clone https://gitcode.com/gh_mirrors/ou/Outfit-Fonts之后从 fonts/webfonts 开始验证渲染效果。【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-Fonts创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考