Outfit 字体免费下载9 种字重的几何无衬线字体怎么用【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-FontsOutfit 字体是一款免费开源的几何无衬线字体来自品牌自动化公司 outfit.io。它提供从 Thin(100) 到 Black(900) 共 9 种字重外加一个可变字体版本采用 SIL OFL 许可证商用和自用都不需要付费。如果你要做一个品牌网站或者一套配套物料它的基本需求都能覆盖。 Outfit 字体是什么为什么适合做品牌字体Outfit 的设计出发点很特别它是从 outfit.io 的品牌标志里长出来的字型从画第一笔的时候就在为品牌一致性服务而不是事后去适配某个 logo。几何无衬线的外形简洁克制圆形的开口、均匀的骨架小字号下依然清晰大标题里又有足够的存在感。字重方面它一次给齐了 9 档从极细到超粗正文到海报标题不用换字体。仓库里同时打包了 OTF、TTF、WOFF2 和可变字体四种格式设计软件、操作系统、浏览器各取所需。OFL 1.1 许可证则意味着你可以直接把它放进商业产品、App 和网站不产生任何授权问题。 Outfit 字体怎么安装文件格式怎么选搞清楚了它是什么接下来是最实际的一步把字体拿到自己手上。一个命令就能拿到全部文件git clone https://gitcode.com/gh_mirrors/ou/Outfit-Fonts克隆下来之后字体都放在 fonts 目录里按用途分成四个子目录otf 给 macOS 设计软件ttf 给 Windows 和 Linuxwebfonts 里是压缩率最好的 WOFF2variable 里是可变字体。在设计软件里双击 OTF 即可安装做网页则直接拷走 woff2 文件就行不需要额外编译或构建。 Outfit 字体在网页里怎么用装到本地只是开始大多数人的第一个真实场景是网站。以品牌落地页为例正文用 Regular(400)标题用 Bold(700)用 font-face 声明这两个字重就够了。font-face { font-family: Outfit; src: url(fonts/webfonts/Outfit-Regular.woff2) format(woff2); font-weight: 400; }页面里把 font-family 写成 Outfit正文立刻换成这副几何骨架标题把 font-weight 调到 700 就能拿到粗体前提是 Bold 的 font-face 也声明了。建议加上 font-display: swap避免字体加载慢的时候页面一片空白。⚠️ 一个常见的坑浏览器会假粗这里有个新手很容易踩的坑花一分钟看看。如果你声明了 font-weight: 700却没有加载 Bold 对应的文件浏览器不会报错而是自己用算法把 Regular 加粗一遍出来的笔画发虚、边缘毛糙放大看很明显。解决办法很简单只加载你真正用到的字重并且每个字重都配上对应的 woff2 文件。反过来如果你打算一次加载可变字体 Outfit[wght].woff2就不必为每个字重单独声明一个文件覆盖 100 到 900 的整段范围——这是可变字体最省事的地方。Outfit 的定位很清晰一套默认就on brand的几何字体9 种字重加可变字体够覆盖一个品牌从网页到印刷的大部分场景。把它装好、字重声明对剩下的交给设计本身。【免费下载链接】Outfit-FontsThe most on-brand typeface项目地址: https://gitcode.com/gh_mirrors/ou/Outfit-Fonts创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考