Tagged articles
6 articles
Page 1 of 1
Goodme Frontend Team
Goodme Frontend Team
Apr 7, 2025 · Frontend Development

How to Shrink Gigantic Web Fonts to Kilobytes: Subsetting & WOFF2 Tricks

This article explains why Chinese web fonts can be huge, compares TTF and WOFF2 sizes, and provides practical steps—including font subsetting with Python fontTools and on‑the‑fly loading via the FontFace API—to reduce font files from megabytes to a few kilobytes and dramatically speed up page rendering.

Font SubsettingPythonWOFF2
0 likes · 9 min read
How to Shrink Gigantic Web Fonts to Kilobytes: Subsetting & WOFF2 Tricks
Aotu Lab
Aotu Lab
Feb 28, 2020 · Frontend Development

How to Speed Up Web Font Loading with Subsetting and FontFace APIs

This article explains why Chinese web fonts are large, how to analyze their structure, and presents practical techniques—including fontmin subsetting, SVG rendering, and the FontFace API—to dramatically reduce load time and control font display behavior for better user experience.

@font-faceFont SubsettingJavaScript
0 likes · 18 min read
How to Speed Up Web Font Loading with Subsetting and FontFace APIs
Programmer DD
Programmer DD
Dec 18, 2019 · Frontend Development

How to Compress and Use Custom Chinese Web Fonts with Font‑Spider‑Plus

This guide explains why Chinese web fonts are large, shows how to subset them using the font‑spider‑plus tool, and provides step‑by‑step commands and code snippets for creating @font‑face rules, compressing fonts, generating CSS (including base64 encoding), and integrating the result into a website.

@font-faceCSSWeb fonts
0 likes · 12 min read
How to Compress and Use Custom Chinese Web Fonts with Font‑Spider‑Plus
Hujiang Design Center
Hujiang Design Center
Jun 15, 2017 · Fundamentals

How to Quickly Identify Any Font: Tools, Tips, and Management Strategies

This guide explains practical methods for recognizing fonts on websites, in images, and printed materials, introduces useful browser extensions and online services, and offers recommendations for font management software and classification to help designers efficiently identify and organize typefaces.

TypographyWeb fontsdesign tools
0 likes · 14 min read
How to Quickly Identify Any Font: Tools, Tips, and Management Strategies
JD.com Experience Design Center
JD.com Experience Design Center
Jun 12, 2015 · Frontend Development

Unlocking Chinese Typography: A Beginner’s Guide to Fonts, History, and Web Use

This comprehensive guide explores Chinese font history, the distinction between simplified and traditional characters, major typeface families, the massive glyph counts required for professional fonts, and why traditional @font-face web embedding remains impractical, offering practical insights for designers and developers.

Chinese fontsDesignFont classification
0 likes · 14 min read
Unlocking Chinese Typography: A Beginner’s Guide to Fonts, History, and Web Use