Montserrat 字体完全指南免费开源字体的安装与 Web 部署清单【免费下载链接】Montserrat项目地址: https://gitcode.com/gh_mirrors/mo/MontserratMontserrat 字体是一款免费开源字体OFL 1.1 授权可商用、可修改、可嵌入 App字重 100–900 九档每档带斜体常规、Alternates、Underline 三个家族同仓分发TTF、OTF、WOFF2、可变字体一次取齐。九档字重的视觉跨度定档位时直接对照这份指南只讲落地装在哪、怎么接 Web、装完怎么验证以及哪几个已知坑要绕开。先确认Montserrat 适合你的项目吗结论先说做网站、App、品牌物料可以直接用不用另找备选。9 档字重加斜体正文、标题、按钮一次配齐不会出现“正文够用、标题撑不住”的断档。授权边界清楚SIL OFL 1.1 下商用、修改、二次分发都允许许可证全文就在仓库的 OFL.txt 里法务问起直接给。多语言是加分项7.200 版本起支持西里尔字母GF Cyrillic Pro 集8.000 补了 Navajo 所需字形9.000 新增 SSA 非洲字符集。产品出海俄语区不需要再配第二款字体。需要绕开的场景⚠️ Adobe CC 里用可变字体已知显示不稳定README 的 Known Issues 有记录。印刷或 Adobe 工作流为主的项目直接用 fonts/ttf/ 或 fonts/otf/ 的静态文件。部分粗字重字形有轮廓小问题fontmake 工具限制官方在查。遇到就退回同档位静态文件或降一档字重。一条命令装好 Montserratgit clone https://gitcode.com/gh_mirrors/mo/Montserrat三个系统各一句要点Windows进 fonts/ttf/ 目录右键 .ttf 文件选“安装”或“为所有用户安装”。macOS双击 fonts/otf/ 下的文件用字体册安装OTF 兼容性更好。Linux把文件拷进 ~/.fonts/执行 fc-cache -f 刷新缓存。建议先只装四个静态文件fonts/ttf/ 里的 Regular、Medium、Bold、Black。它们覆盖绝大多数场景字体菜单也不会被 54 个文件刷屏。三个家族的家族名不同只装你要用的那一个系列。可变字体 CSS 写法WOFF2 静态与 wght 轴Web 端优先用 fonts/webfonts/ 下的 WOFF2体积最小、加载最快。静态字重每档一个 font-face只保留必要声明font-face { font-family: Montserrat; src: url(fonts/webfonts/Montserrat-Regular.woff2) format(woff2); font-weight: 400; font-display: swap; }每个 font-face 必须声明自己的 font-weight否则浏览器不会在 400 和 700 之间正确切换。不想逐档声明就换可变字体一个文件覆盖 wght 100–900 全部字重font-face { font-family: Montserrat Var; src: url(fonts/webfonts/Montserrat[wght].woff2) format(woff2); font-weight: 100 900; } 技巧3.100 版本起内置四套数字默认是表格衬线。数据表、价格列表开启 tnum让位数对齐.price { font-feature-settings: tnum; }三个家族怎么选Alternates 与 Underline 的分工标题自带连续下划线无需额外画线按分工选不用纠结Regular家族名沿用 Montserrat 本名。界面、正文、数据展示默认选它。Alternates家族名 MontserratAlternates。同一套字形通过 ss01 特性做风格替换形态更有个性字重、字距、度量与 Regular 完全同步——品牌词和 Logo 用它。Underline家族名 MontserratUnderline。内置连续下划线标题装饰、引文、强调文字用它不用额外画线。三家族度量同步混排行高字距不会打架CSS 里把三个家族名分开声明即可。字重速查9 档用途与两套落地组合九档字重的定位100 Thin超大标题、装饰性文字200 ExtraLight浅背景大字号标题300 Light小字、辅助说明400 Regular正文、段落500 Medium按钮、强调正文600 SemiBold导航、卡片标题700 Bold一级标题、数据高亮800 ExtraBold封面标题、主视觉900 Black品牌词、极限对比官网组合品牌词 Black 36px一级标题 Bold 28px导航/副标题 SemiBold 18px正文 Regular 16px行高 1.6按钮 Medium 16pxApp 组合导航栏 SemiBold 18px卡片标题 Bold 20px正文 Regular 16px辅助文字 Light 14px字重选择就三条原则标题与正文拉开至少两档正文行高取字号的 1.5–1.8 倍强调用斜体不加大字号。字符集覆盖与安装验证9.000 版本把字形从 1968 扩到 2731基本拉丁与带重音的扩展拉丁、西里尔字母、Navajo、SSA 非洲字符集以及货币符号、分数、箭头等常用符号。做多语言站点或金融界面先核对下面这张图再开工。多语言与金融界面先核对覆盖范围Linux 装完验证fc-cache -f fc-list | grep -i montserrat输出里能看到家族名就算成功Windows、macOS 直接在系统字体设置里搜名字。自建字体与质量检查要改字形、调字重轴再考虑自己构建三个命令分工明确make build从 .glyphs 源文件加字重轴定义构建三个家族的成品产物输出到 fonts/ 三个目录make testFontBakery 跑 Google Fonts 规范检查报告在 out/fontbakery/make proofdiffenator2 输出各字重的 HTML 对比页⚠️ 构建依赖 gftools 工具链在干净 venv 里执行Makefile 里 make venv 会自动创建别污染系统 Python 环境。3 步行动清单克隆仓库先装 fonts/ttf/ 的 Regular、Medium、Bold、Black 四个文件覆盖绝大多数场景。Web 项目接 fonts/webfonts/ 的 WOFF2静态与可变按场景二选一。上线前读 OFL.txt 确认商用边界版本演进与已知问题查 README.md 的 Changelog要改字重轴或字形从 sources/config.yaml 入手。【免费下载链接】Montserrat项目地址: https://gitcode.com/gh_mirrors/mo/Montserrat创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考