Google Fonts 字体搭配
选择一个现成的组合,或为标题和正文各选一种字体。输入你的店铺或品牌名称查看效果,然后复制代码。
使用方法相配的字体
广告
Google Fonts 字体搭配: 用途
选择现成的组合(优雅、现代、经典、有力、纤细、甜美、杂志风、简洁或手作风),或在 28 种热门 Google Fonts 字体中自由搭配,并设置标题字重。预览会真实加载字体,显示你的品牌名称和一段正文。
代码包含 preconnect、仅含所用字重的 Google Fonts 链接和 display=swap,以及标题和正文的 CSS 规则。
使用方法
- 选择现成组合或两种字体。
- 输入预览用的标题和正文。
- 将链接和 CSS 复制到网站中。
使用场景
- 确定网站的视觉形象。
- 在给客户展示前测试字体。
- 将醒目的标题与易读的正文搭配。
常见问题
Google Fonts 的字体是免费的吗?
是的。Google Fonts 的字体是开源的,可以免费用于商业网站。
如何选择两种相配的字体?
一个简单的原则是形成对比:标题用有个性的字体(衬线体或展示体),正文用易读的无衬线字体。避免选择两种过于相似的字体,那样看起来像是出错了,也不要使用超过两种。
字体会拖慢网站吗?
每一种字重都是一个额外的文件。只加载你用到的字重;代码已包含 display=swap,在字体加载期间先用系统字体显示文字,还带有 preconnect 以加快连接。
隐私合规(如 GDPR)怎么办?
直接从 Google 加载字体会把访客的 IP 发送给 Google。如果想避免这一点,请下载字体并托管在自己的网站上。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。