Awesome GitHub RepositoriesTypography Libraries

Webfontloader هي مكتبة JavaScript وواجهة برمجة تطبيقات قياسية لجلب وإدارة خطوط الويب من مزودي خدمات خارجيين متعددين وأوراق أنماط مخصصة. تعمل كمدير لحالة تحميل الخطوط ينسق استرجاع أصول الطباعة من خلال واجهة موحدة. يركز المشروع بشكل خاص على منع وميض النص غير المرئي من خلال إدارة حالات التحميل والمهلات. تتميز المكتبة بتوفير آلية لمزامنة الطباعة عبر سياقات تصفح مختلفة، بما في ذلك القدرة على حقن منطق تحميل الخطوط في إطارات النوافذ الفرعية وiframes. تتتبع المكتبة دورة حياة تحميل الخطوط لتشغيل استدعاءات JavaScript وتطبيق فئات CSS على جذر المستند. تسمح هذه القدرات بالتحكم الدقيق في الانتقالات المرئية، بما في ذلك استخدام أنماط احتياطية عندما يتجاوز عرض الخط مدة محددة.

Fontmin هو خط أنابيب لأصول خطوط الويب وأداة تصغير مصممة لتقليل أحجام ملفات الخطوط عن طريق إزالة الرموز غير المستخدمة. يعمل كمحول لتنسيقات الخطوط ومولد لخطوط أيقونات SVG، مما يسمح بإنشاء أصول خطوط محسنة لنشرها على الويب. يتميز المشروع بقدرته على تجميع خطوط أيقونات مخصصة عن طريق تحويل ملفات SVG متعددة إلى أصل خط واحد. كما يتميز بخط أنابيب معالجة يعتمد على الإضافات (plugins)، مما يتيح دمج وظائف تحويل مخصصة في حزمة معالجة الخطوط. تغطي الأداة مجموعة واسعة من قدرات معالجة الخطوط، بما في ذلك استخراج المجموعات الفرعية للرموز بناءً على تحليل الأحرف، وتحويل التنسيق الثنائي للتوافق عبر المتصفحات، والإنشاء التلقائي لملفات CSS الخاصة بـ font-face وتعيين الأيقونات. يتم توفير هذه الوظائف عبر واجهة سطر أوامر لتسهيل الدمج في سير عمل البناء والنشر المؤتمت.

Lettering.js is a JavaScript typography library that divides text strings into granular HTML elements. It wraps individual characters, words, and lines in tags to enable precise CSS control and advanced visual styling. The library includes an accessible text wrapper system that maintains screen reader compatibility. It manages text accessibility by mirroring the original content into ARIA labels on containers and hiding fragmented elements from assistive technologies. The tool provides capabilities for granular text manipulation and DOM-based decomposition. These mechanisms facilitate web ty

Fontfaceobserver is a webfont availability detector and developer tool designed to synchronize typography loading with page rendering. It provides a promise-based API that detects when specific webfonts have been downloaded and applied to the document. The tool manages the loading process for fonts hosted on external services or self-hosted servers, tracking availability to prevent layout shifts and the flash of unstyled text. This allows for dynamic typography control, enabling specific CSS changes or animations to trigger only after a typeface is ready for use. The project monitors font st

Open-source webfont 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:

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.

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.

Adds OpenType features—ligatures, kerning, and more—to Normalize.css.

An extremely easy way to use custom fonts in emails without having to use art software.

An extremely easy way to use custom fonts in emails without having to use art software.

A tool to chop off useless fonts glyphs and convert TTF/OTF into WOFF & WOFF2

keep font-size in proportion with its containers size

Implement localStorage web font caching in seconds.