Google Font Picker Free
Browse, preview and select from 100+ Google Fonts. Generate CSS import code for your projects instantly.
字体选择器功能
为您的项目找到完美的字体。
浏览和预览
按字体名称搜索以快速找到您需要的字体。
按衬线、无衬线、展示、手写或等宽过滤。
输入您自己的文本并调整字体大小以即时预览任何字体。
CSS输出
Generate ready-to-use CSS @import statements for selected fonts.
Get the @import URL to add any font to your CSS stylesheet.
一键复制导入URL和CSS到剪贴板。
使用案例
查找并将字体集成到您的网站和网络应用中。
为演示、图形和品牌发现字体。
All Google Fonts are free and open source.
为您的品牌找到完美的字体搭配。
如何使用字体选择器
浏览字体列表，点击使用此字体进行选择，然后点击生成CSS以获取项目的导入代码。
常见问题
这些字体可以免费使用吗？
Yes. All fonts shown are from Google Fonts and are free under open licenses.
它们可以用于个人和商业项目。
All fonts are free and open source from Google Fonts.
Do I need a Google API key?
No. Fonts are loaded using the Google Fonts CSS API which requires no API key.
Simply copy the @import URL and add it to your stylesheet.
然后在您的 CSS 规则中使用字体系列名称。
我如何将字体添加到我的网站？
Copy the @import line and paste it at the top of your CSS file.
然后在您的CSS规则中使用font-family: '字体名称', fallback；。
不需要支付许可费用或注明来源。
我可以选择多个字体吗？
可以。点击使用此字体以选择多个字体，然后点击生成CSS。
The generated code will include @import lines for all selected fonts.
Fonts are loaded from Google Fonts CDN for accurate preview.
我如何使用我自己的文本进行预览？
点击任何字体卡片中的预览文本进行编辑。
字体大小也可以使用滑块进行调整。
您还可以使用过滤按钮按类别进行过滤。
有哪些字体类别可用？
衬线，非衬线，展示，手写和等宽字体。
点击类别按钮以筛选字体列表。
Generate CSS will include all selected fonts in one @import statement.
有多少种字体可用？
100 curated Google Fonts are included covering all major categories.
These are the most popular and widely used fonts from Google Fonts.
将排序与类别过滤结合起来，找到完美的字体。
Do the fonts load from Google servers?
是的。预览字体时，Font CSS 是从 fonts.googleapis.com 加载的。
The fonts themselves are served by Google's global CDN.
然而，生成的 CSS 代码可以保存以供离线参考。
我可以离线使用这些字体吗？
For offline use, download the font files directly from Google Fonts.
Host them locally and use @font-face rules instead of @import.
始终为电子邮件使用提供后备系统字体。
这个工具是免费的？
是的，完全免费，无需注册。
浏览并生成所需的任意数量的 CSS 字体。
没有使用限制或限制。