BestHub
Sign in
Tagged articles
4 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 26, 2024 · Frontend Development

Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements

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.

TypographyUI designcolor contrast
0 likes · 8 min read
Visual Hierarchy in UI Design: Using Font Weight, Color, and Layout to Emphasize Elements
WecTeam
WecTeam
Oct 22, 2019 · Frontend Development

Mastering Font Choices: From Serif vs Sans-Serif to CSS Fallbacks

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.

TypographyWeb Designfont-weight
0 likes · 9 min read
Mastering Font Choices: From Serif vs Sans-Serif to CSS Fallbacks
Aotu Lab
Aotu Lab
Nov 18, 2016 · Frontend Development

Understanding CSS font-weight: Numeric vs Keyword Values and Browser Matching

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.

TypographyWeb Developmentfont matching
0 likes · 9 min read
Understanding CSS font-weight: Numeric vs Keyword Values and Browser Matching