尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
Outfit 开源几何字体:9 种字重、4 种格式,免费商用即装即用
Outfit 开源几何字体9 种字重、4 种格式免费商用即装即用【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-FontsOutfit-Fonts 是 outfit.io 官方开源的几何无衬线字体仓库OFL 许可证免费商用。它提供 Thin 100 到 Black 900 共 9 种字重并附带 TTF、OTF、WOFF2 和可变字体四种格式你的网页或设计软件可以直接取用。换字体时发现免费字重不够用给官网换字体的时候你多半撞过同一堵墙免费字体大多只有 Regular 和 Bold 两档。想拉开层次——主标题更重、正文标准、辅助说明更轻——手里的字体却只能全有或全无只好妥协排版或者转头去找收费字体。Outfit-Fonts 把这个问题直接解决了9 种字重全部开源从极细的 Thin 到特粗的 Black随便组合商用不用掏钱。仓库里有什么9 种字重100-900日常最常用的是 Light (300)、Regular (400)、SemiBold (600)、Bold (700)其余从极细到特粗按需取用4 种格式fonts/ttf/装桌面、fonts/otf/给打印、fonts/webfonts/放网页、fonts/variable/存可变字体SIL OFL 1.1 许可免费商用可嵌入产品和文档源文件sources/Outfit.glyphs也在仓库里改字形不用从零画九种字重Thin 到 Black 逐级排开先拿到文件再选格式拿到仓库git clone https://gitcode.com/gh_mirrors/ou/Outfit-Fonts选格式只看用途网页项目 →fonts/webfonts/WOFF2体积比 TTF 小 30-50%设计软件或系统安装 →fonts/ttf/装进系统Linux / macOS 通用cp -r fonts/ttf/* /usr/share/fonts/ # 复制到系统字体目录 fc-cache -f # 重建字体缓存Windows 不用命令行在fonts/ttf/里右键文件选安装即可效果一样。网页端怎么配只需声明实际用到的字重这里是 Regular 和 Bold 两档的最小配置/* Outfit 网页字体只声明用到的 2 档 */ font-face { font-family: Outfit; src: url(fonts/webfonts/Outfit-Regular.woff2) format(woff2); font-weight: 400; font-display: swap; /* 先显回退字体加载完再换避免文字闪没 */ } font-face { font-family: Outfit; src: url(fonts/webfonts/Outfit-Bold.woff2) format(woff2); font-weight: 700; font-display: swap; } body { font-family: Outfit, system-ui, sans-serif; }其余 7 种字重照抄这套模板换文件名和font-weight就行。设计软件里怎么用免费商用字体安装完成后Figma、Illustrator、InDesign 里搜 Outfit字重下拉里 9 档齐全。主标题选 Bold (700)正文 Regular (400)辅助信息降到 ExtraLight (200)同一份文档全程只用一个家族品牌感就统一了。同一家族内Bold 与 Thin 的对比张力进阶可变字体一个文件搞定fonts/variable/里那个Outfit[wght].woff2把 9 种字重压进了一个文件font-face { font-family: Outfit Variable; src: url(fonts/variable/Outfit[wght].woff2) format(woff2-variations); font-weight: 100 900; /* 一个文件覆盖全部字重 */ }好处很直接9 个 WOFF2 文件变成 1 次 HTTP 请求font-weight: 550这种中间值也能输出不再被整数档位卡住配合 CSS transition悬停时字重还能平滑过渡。避坑清单装完系统里搜不到字体 → 复制文件后必须跑fc-cache -f再重启软件网页字体加载慢 → 只声明真正用到的字重用 WOFF2 别用 TTFThin (100) 小字号发虚 → 它只适合大字号装饰正文至少用 300浏览器显示的不是 Outfit → 检查font-family名称是否与font-face里完全一致软件里出现两个 Outfit → OTF 和 TTF 只装一种别混装项目文件导航Outfit-Fonts/ ├── fonts/ # 现成字体文件 │ ├── ttf/ # 9 字重 TTF桌面安装用 │ ├── otf/ # OTF 版本 │ ├── webfonts/ # WOFF2 网页字体 │ └── variable/ # 可变字体wght 100-900 ├── sources/ # Outfit.glyphs 源文件与 config.yaml └── documentation/ # 样张图及生成脚本构建和测试走Makefilemake build/make test一般用不到想自定义字形时从sources/config.yaml和Outfit.glyphs入手。9 种字重、4 种格式、免费商用仓库里一次拿齐。克隆下来10 分钟后你的页面或设计稿就能换上 Outfit。【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-Fonts创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
RELATED

相关推荐

【计算机工具类-开发工具Skills】cc-skill-project-guidelines-example 技能

【计算机工具类-开发工具Skills】cc-skill-project-guidelines-example 技能

Project Guidelines Skill (Example) - 项目指南技能示例,用于特定项目的架构、代码模式和部署工作流程。 技能概述 cc-skill-project-guidelines-example 技能是一个项目特定技能的示例模板。该技能包含了项目的架构概览、文件结构、代码模式、测试要求和部署工作…

📅 2026/10/8 6:19:04
过滤器(Filter)和 拦截器(Interceptor)

过滤器(Filter)和 拦截器(Interceptor)

一、引言在开发过程中我们经常会遇到 过滤器(Filter) 和 拦截器(Interceptor),找个也是面试中容易被问道的一个问题,两者的使用和作用又颇为相似,是个容易被大家混淆的问题,在此总结下,希望能对大家有所帮助。二、Filt…

📅 2026/10/6 6:25:04
Spring Boot、Spring Cloud实现原理

Spring Boot、Spring Cloud实现原理

Spring,Srping Boot ,Srping Cloud三者的出现时间极其发展关系Spring -> Srping Boot -> Srping Cloud下面我们浅析一下三者的发展历程及其原理。Spring什么是springSpring框架是Java平台上的一种开源应用框架,提供具有控制反转特性的容…

📅 2026/9/30 8:20:04
MORE NEWS

更多资讯

📰

tlroadmap 指南:Team Lead 能力路线图的结构、使用方法与知识库组织方式

文档知识库 【免费下载链接】tlroadmap Тимлид – это ❄️, потому что в каждой компании он уникален и неповторим. 项目地址: https://gitcode.com/gh_mirrors/tl/tlroadmap 点击查看 免费下载 本文基…

📰

JavaSE学习路线详解:从零基础到核心知识全攻略

如果你正处于“准备学Java,收藏了一堆视频和路线图,却不知道第一脚该往哪迈”的状态,那这篇文章就是写给你看的。JavaSE学习这个阶段,是所有Java技术栈的起点——后端开发、Android开发、大数据处理,底层核心都建立在它…

📰

Python自动化部署实战:Fabric核心技巧与应用

1. 为什么需要自动化部署在软件开发的生命周期中,部署环节往往是最容易被忽视却又最耗费人力的部分。记得2013年我刚入行时,团队每次上线都要手动执行二十多个步骤:登录服务器、拉代码、安装依赖、迁移数据库、重启服务...整个过程至少需要40…

📰

AI调研队:一个主编、三个工种、两本手册的AI工作流实战

开头做调研类内容这几年,我最深的感受是:活儿不难,但特别杂。查资料、读报告、交叉验证、理逻辑、写摘要、列观点,每一步单独拿出来都不算复杂,可一旦要系统地产出一份像样的调研结果,就容易陷入“查了半天…

📰

文献综述到底算“综”还是“述”?科迅捷AI帮你分清楚

博士论文里,文献综述是最容易写"厚"也最容易写"空"的部分。很多博士写了几万字的综述,被导师批"堆砌";也有人写得短,被批"不全面"。这背后其实是一个基本问题没搞清楚:文献综…

📰

从爆火到熄火:OpenClaw与桌面智能体的真实边界

最近后台收到好几条私信,都在问同一个问题:OpenClaw 还能不能玩?这名字前阵子确实刷屏过——一个开源项目,号称能接管你的电脑,让大模型自己看屏幕、点按钮、敲键盘,把"AI帮你干活"从聊天框里拽到…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬