Google announced the open‑source release of Google Sans Flex, a free variable font with nine weight axes, customizable width and optical size, licensed under SIL Open Font License 1.1, usable in any commercial or personal project despite lacking Chinese glyphs.
This article explains how the new CSS text‑autospace property automatically inserts proper spacing between Chinese characters and Latin letters or numbers, improving readability of mixed‑language web content and offering a simple, standards‑based solution with broad browser support.
This guide outlines a unified UI style system covering color palettes, typography rules, component styling, layout spacing, and Axure custom widget definitions, referencing popular design frameworks to help product teams create cohesive and visually appealing interfaces.
This article explains how visual hierarchy in UI design can be achieved by strategically using font weight, color, and contrast instead of size, offering practical examples of emphasizing primary elements, weakening secondary ones, handling label-value patterns, and applying semantic HTML for clearer, more effective interfaces.
This article traces the history of variable fonts, explains their technical axes, and showcases a range of real‑world case studies—from dynamic brand identities and Olympic logos to climate‑awareness typefaces—demonstrating how variable fonts enhance readability, branding flexibility, and interactive user experiences across web, mobile, and physical media.
This article examines Alibaba’s AliMama “Smart Font” project, detailing how AI‑driven pipelines, few‑shot generation, and open‑source toolkits are used to create commercial Chinese typefaces, enable font subsetting, and explore dynamic and variable‑font technologies for modern digital media.
This article explains the core concepts of glyph metrics, horizontal and vertical text layout, kerning, line breaking, and alignment techniques used by the Y‑tech Cangjie engine to provide rich text effects for video editing applications.
This article presents a comprehensive study on how to create senior‑friendly mobile app text layouts by defining ideal font sizes, line heights, and weight combinations through user research, eye‑tracking experiments, and a systematic evaluation framework.
The article reviews the latest CSS Annual Report, highlighting popular layout techniques such as Flex, Grid and Subgrid, new graphic capabilities like shape‑outside and blend modes, interactive properties including scroll‑snap and container queries, as well as typography advances, preprocessors, frameworks, CSS‑in‑JS trends and award‑winning features, all illustrated with real code examples.
This tutorial walks through a custom CSS reset, explaining each of the eleven concise rules—including box‑sizing, margin removal, height handling, line‑height, font smoothing, media defaults, form inheritance, overflow handling, and root isolation—while providing clear code examples and visual illustrations to improve both developer experience and user accessibility.
Baidu Reading/Wenku’s cross‑platform layout engine delivers professional book‑level typesetting on Android and iOS by using a single native engine that parses diverse formats into an abstract DOM, generates a memory‑resident layout description, and supports relative, multi‑directional, and reusable layout techniques for high‑quality, adaptive document rendering.
This article chronicles the end‑to‑end process of designing and releasing the “Smile” Chinese typeface for 58.com, covering the challenges of creating a 3500‑character glyph library, the design philosophy, collaborative workflow, standardization tools, encoding, and the final launch.
This article explains how to select the most precise and engaging visual representation for your data—covering bar, line, pie, pictogram, and typographic designs—while highlighting common pitfalls and offering concrete tips to maintain credibility and audience trust.
This article teaches front‑end developers how to improve UI quality by applying three core layout principles—block segmentation, proper alignment, and effective color usage—backed by practical examples, commit‑message standards, and color‑model insights.
This guide explains how to design an eye‑catching PPT cover by mastering four key elements—text, color, background, and layout—offering practical font, color, and image recommendations along with free design tools to boost visual impact.
The article explains why common CSS vertical‑centering tricks can leave pixel offsets when fonts differ, details how font metrics such as ascent, descent, and x‑height determine the true baseline, and provides a calculable vertical‑align offset method—while noting its metric‑gathering overhead and anticipating native Houdini support.
This article chronicles JD's journey of creating a proprietary brand typeface—from the strategic need for visual consistency, through early DIY experiments and scaling challenges, to a professional partnership with Fangzheng, rule refinement, variable‑font prospects, and the broader impact on brand identity.
This article explains how to set accurate font line heights in Sketch for mobile UI design, presenting single‑line and multi‑line formulas, practical examples, testing results, and verification steps to ensure consistent visual alignment across iOS, Android, and front‑end implementations.
This article explains essential font knowledge for developers, covering serif and sans-serif classifications, CSS font-family groups, fallback mechanisms, font-weight behavior across platforms, and licensing considerations, helping teams make informed typography decisions.
This article explains how TrueType fonts are designed, digitized into FUnit‑based outlines, scaled to device pixels, and rendered through grid‑fitting and scan‑conversion, covering key concepts such as em squares, upem, ppem, instruction programs, and graphics state.
This article presents a comprehensive graphic design learning plan that covers the four fundamental design principles, the role of proportion and grid systems, the effective use of point, line, and plane, and practical tips with visual examples to help designers build a solid design foundation.
This article outlines a practical workflow for Chinese typography, covering font analysis, selection, structural reconstruction, visual integration, and readability testing through real-world case studies, helping designers create compelling and recognizable text graphics.
This guide shares practical UI design techniques—including font and size selection, color ratios, effective shadow usage, and strategic whitespace—to help designers create more refined, consistent, and visually appealing interfaces while avoiding common pitfalls.
The article explores how front‑end typography standards—covering base font size, font‑scale formulas, and line‑height rules—can be derived from visual ergonomics, mathematical ratios, and practical engineering constraints, ultimately recommending 16 px as the optimal base size and a line‑height of font‑size + 8.
This article explores how careful font selection, Chinese‑Western typeface separation, punctuation spacing, and the four core design principles of proximity, alignment, repetition, and contrast together create clear, visually appealing typography for both small and large text blocks.
The article recounts the first Ant Financial SEE Conf 2018, then details the conception, mathematical foundations, and practical implementation of Ant Design 3.0's design system—including design language, assets, typography, layout, and color—aimed at improving efficiency, consistency, and user experience for enterprise products.
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.
This article explains the differences between numeric (100‑900) and keyword (normal, bold, bolder, lighter) font-weight values, shows how browsers match unavailable weights using the CSS font‑matching algorithm, and provides practical examples and recommendations for developers.
This article explores how centuries‑old Chinese type design—from Shanghai’s Republican‑era metal type and post‑war trademark aesthetics to Hong Kong’s iconic neon signage—illustrates the subtle, experience‑driven creative process behind typography and its evolving role in contemporary visual culture.
This article explores the 1982 Hong Kong MTR signage manual created by type designer Ko Chi‑Kin, detailing its handcrafted design process, distinctive "Metro Song" font features, and lasting influence on contemporary typographic standards and station signage.
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.
This article explains why many sites suffer from cramped, tiny text, traces the historical reasons, and offers five practical guidelines—standard font size, ample whitespace, appropriate line height, clear color contrast, and avoiding text‑as‑images—to improve web readability and usability.
This article outlines six core iOS UI design standards—controls, layout, modal scenarios, gesture interactions, animations, and typography—providing practical sizing, spacing, and interaction recommendations for designers seeking to create consistent and user‑friendly mobile experiences.
