Web Font Preview

webfontpreview.com

在真实网站模板中预览和搭配 Google Fonts，用文章、仪表盘、Hero 等模板代替字体样本。

开源网页浏览器

被推荐 1 次

访问网站 ↗

适合做什么

适合设计师和前端开发者在真实页面场景中挑选、搭配 Google 字体，快速验证排版效果。

标签与属性

授权

开源

平台

网页浏览器

谁在推荐

@goabstract/Awesome-Design-Tools · awesome 列表出处 ↗

Web Font Preview — preview Google Font pairings with components and site templates. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/jonaskay/webfontpreview)

同类推荐

字体

Google Fonts

谷歌免费字体库，提供近2000款开源字体，支持网页嵌入与API调用。

开源HTML/CSS

fonts.google.com4 处推荐详情

平面 / 排版灵感

Typewolf

字体搭配灵感与推荐网站，展示真实网站中的网页字体组合，并提供字体清单与学习资源。

免费

typewolf.com2 处推荐详情

字体

Adobe Fonts

Adobe 旗下字体库，收录数千款优质字体，订阅即可用于个人和商业项目，无需担心授权。

付费

fonts.adobe.com2 处推荐详情

字体

Adobe Fonts

Adobe 旗下字体库，提供数千款高质量字体，支持网页和桌面应用，含可变字体。

付费

fonts.adobe.com2 处推荐详情

浏览器扩展

WhatFont

一款浏览器扩展，悬停即可识别网页所用字体，点击可查看字号、颜色等详细样式。

免费

chrome.google.com1 处推荐详情

浏览器扩展

Fonts Ninja

浏览器扩展，一键识别任意网页字体，支持试用、收藏与购买，准确率极高。

免费

chrome.google.com1 处推荐详情