
Outfit 字体完整指南5 分钟用上 9 种字重的免费几何无衬线字体【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-Fonts给官网或品牌物料换字体最常被卡住的是字重细了没分量粗了显笨手上只有 3 个字重还撑不起整页的层次。Outfit 是 outfit.io 放出的一套几何无衬线字体一次给足 100 到 900 共 9 个字重OFL 1.1 许可证下商用不用花一分钱。这篇文章让你在 5 分钟内装完、用起最后附一份能直接抄的网页字体配置。 换字体总卡壳的三个场景装好字体打开设计软件发现只有三四个字重标题和正文之间建不出层次网页端交付后只剩 TTF没有 WOFF2首屏加载被拖慢客户问能不能商用你要先翻许可证条款再回复所以你需要一套字重体系完整、带现成网页格式、开源许可清晰的字体——Outfit 这三样都齐。⚖️ 核心价值速览Outfit 和常见开源字体的差别维度Outfit常见开源字体字重体系9 个100–900一套齐通常 3–5 个格式覆盖TTF、OTF、WOFF2、可变字体多为 TTF网页单文件大小每字重 woff2 约 28KB因项目而异普遍更大许可证OFL 1.1免费商用部分需另行授权维护状态2021 年 1.0 版起稳定FontBakery 自动质检构建参差不齐Outfit 完整字重体系排样从 BLACK 900 到 THIN 100 三步上手克隆、装进系统、验证按下面 3 步走5 分钟内你的机器上就有 9 个字重可用。克隆仓库进入项目目录。git clone https://gitcode.com/gh_mirrors/ou/Outfit-Fonts cd Outfit-Fonts把字体装进系统。Windows打开fonts/ttf/右键任意字体文件选安装9 个文件都装一遍。macOS双击 ttf 文件在弹出窗口点安装字体。Linux执行下面两条命令。sudo cp -r fonts/ttf/* ~/.local/share/fonts/ fc-cache -f验证 9 个字重都已就位。Linux 上跑一条命令应列出 9 个 Outfit 文件。fc-list | grep -i outfit 场景实战网页、可变字体、品牌物料三种接法每个场景都给你可直接抄的参数文件位置用相对路径标出。网页只加载你真用的 2 个字重把fonts/webfonts/下的 woff2 拷进你的站点写好一条font-facefont-face { font-family: Outfit; src: url(fonts/webfonts/Outfit-Regular.woff2) format(woff2); font-weight: 400; font-display: swap; }需要 700 时再复制一份把文件名换成Outfit-Bold.woff2、字重改成 700。每个文件约 28KB比同字重 TTF 小一半以上。可变字体一个文件顶 9 个请求如果页面字重跨度大比如从 300 到 800 都出现直接用fonts/variable/下的可变版本font-face { font-family: Outfit Variable; src: url(fonts/variable/Outfit[wght].woff2) format(woff2-variations); font-weight: 100 900; }单个 woff2 只有约 45KB替代 9 个单独文件还能用font-variation-settings平滑调整粗细。品牌物料字重怎么配标题用 Bold700或 ExtraBold800正文用 Regular400辅助信息用 ExtraLight200或 Light300。正文行高设为字号的 1.5–1.6 倍标题可略微收紧字距。同一套字重的两端对比bold BOLD 与 thin THIN⚠️ 避坑指南3 个部署时最常问的问题字体装完没显示先查哪里九成是字体缓存没刷新。Linux 执行fc-cache -fmacOS 执行sudo atsutil databases -removeWindows 重启一次电脑再打开设计软件。网页端要把 9 个字重全加载吗不要。页面用几个字重就放几个文件只写对应的font-face。字重跨度大就换可变字体版本9 次请求变 1 次。改完字形还能商用吗能。OFL 1.1 允许修改和再分发唯一限制是不能单独把字体本身当商品出售。源文件在sources/Outfit.glyphs仓库里的make build命令可以本地重新构建。Outfit 把 9 个字重的几何无衬线字体一次给齐桌面、网页、可变字体三种场景都开箱即用OFL 许可商用免费。从这一条命令开始git clone https://gitcode.com/gh_mirrors/ou/Outfit-Fonts【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-Fonts创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考