Modern Fluid Typography Editor

modern-fluid-typography.vercel.app

用 CSS clamp() 生成流体排版代码的在线编辑器，可实时微调字号缩放行为。

HTML/CSS网页

被推荐 1 次

适合做什么

适合前端开发者和设计师为响应式网站生成并调试流体字号 CSS 代码。

技术栈

平台

@bradtraversy/design-resources-for-developers · awesome 列表出处 ↗

Modern fluid typography editor Fluid typography is a modern way of approaching responsive typography.

字体

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

开源HTML/CSS

fonts.google.com4 处推荐详情

平面 / 排版灵感

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

免费

typewolf.com2 处推荐详情

字体

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

付费

fonts.adobe.com2 处推荐详情

字体

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

付费

fonts.adobe.com2 处推荐详情

浏览器扩展

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

免费

chrome.google.com1 处推荐详情

浏览器扩展

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

免费

chrome.google.com1 处推荐详情