16 个仓库
JavaScript and programming libraries for font manipulation and web integration.
Explore 16 awesome GitHub repositories matching part of an awesome list · Typography Libraries. Refine with filters or upvote what's useful.
Webfontloader 是一个 JavaScript 库和标准化 API,用于从多个外部提供商和自定义样式表中获取和管理 Web 字体。它充当字体加载状态管理器,通过统一接口协调排版资产的检索。 该项目特别专注于通过管理加载状态和超时来防止不可见文本的闪烁。它的独特之处在于提供了一种在不同浏览上下文中同步排版的机制,包括将字体加载逻辑注入子窗口框架和 iframe 的能力。 该库跟踪字体加载生命周期以触发 JavaScript 回调并将 CSS 类应用于文档根目录。这些功能允许精确控制视觉过渡,包括在字体渲染超过定义持续时间时使用回退样式。
Library for controlling web font loading.
Fontmin 是一个 Web 字体资源流水线和压缩工具,旨在通过移除未使用的字形来减小字体文件大小。它兼具字体格式转换器和 SVG 图标字体生成器的功能,可为 Web 部署创建优化的字体资源。 该项目的特色在于能够通过将多个 SVG 文件转换为单个字体资源来合成自定义图标字体。它还通过基于插件的处理流水线进一步脱颖而出,允许将自定义转换函数集成到字体处理栈中。 该工具涵盖了广泛的字体处理能力,包括基于字符分析的字形子集提取、用于跨浏览器兼容性的二进制格式转换,以及 font-face 和图标映射 CSS 的自动生成。这些功能通过命令行界面提供,以方便集成到自动化的构建和部署工作流中。
Font minification tool.
NPM packages for self-hosting open-source fonts.
Lettering.js 是一个 JavaScript 排版库,它将文本字符串划分为细粒度的 HTML 元素。它将单个字符、单词和行包装在标签中,以实现精确的 CSS 控制和高级视觉样式。 该库包括一个可访问的文本包装系统,可保持屏幕阅读器兼容性。它通过将原始内容镜像到容器上的 ARIA 标签中并对辅助技术隐藏碎片化元素来管理文本可访问性。 该工具提供了细粒度文本操作和基于 DOM 的分解功能。这些机制促进了 Web 排版样式设计,并通过序列化过渡和运动效果创建动态文本动画。
Acts as a JavaScript library for advanced web typography, font manipulation, and integration.
Fontfaceobserver 是一个 Web 字体可用性检测器和开发者工具,旨在将排版加载与页面渲染同步。它提供了一个基于 Promise 的 API,用于检测特定 Web 字体何时下载并应用于文档。 该工具管理托管在外部服务或自托管服务器上的字体加载过程,跟踪可用性以防止布局偏移和无样式文本闪烁。这允许进行动态排版控制,使特定的 CSS 更改或动画仅在字体准备就绪后触发。 该项目通过基于 Canvas 的测量和轮询相结合的方式监控字体状态,利用 CSS 规则注入触发浏览器下载,并使用异步通知来发出完成信号。
Event listener for web font loading.
Open-source webfont service
A modular web font loader and hosting service.
Typeset is an HTML pre-processor for web typography which provides typographic features used traditionally in fine printing which remain unavailable to browser layout engines. Typeset's processing brings the following to your webpages:
HTML pre-processor for web typography.
Fontkit is an advanced font engine for Node and the browser, used by PDFKit. It supports many font formats, advanced glyph substitution and layout features, glyph path extraction, color emoji glyphs, font subsetting, and more.
Advanced font engine for Node and browsers.
LIVE DEMO Typr.js is a Javascript parser and utility for working with fonts (TTF, OTF, TTC, WOFF). It is an alternative to opentype.js. It is the main text engine for Photopea image editor.
Utility for parsing and working with font files.
Adds OpenType features—ligatures, kerning, and more—to Normalize.css.
Normalizes OpenType features across different browsers.
An extremely easy way to use custom fonts in emails without having to use art software.
Enables custom font usage within email clients.
An extremely easy way to use custom fonts in emails without having to use art software.
Provides solutions for rendering custom fonts in email templates.
A tool to chop off useless fonts glyphs and convert TTF/OTF into WOFF & WOFF2
Tool for subsetting and converting font formats.
keep font-size in proportion with its containers size
Responsive font sizing based on element width.
Implement localStorage web font caching in seconds.
Library for caching fonts in localStorage.