font-weight | BestHub

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.

UI Designcolor contrastfont-weight

0 likes · 8 min read

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

ByteFE

Sep 7, 2021 · Frontend Development

Understanding Font‑Weight Behavior and Fallback Mechanisms for PingFang SC on iOS and Android

This article explains why setting font‑weight 500 on PingFangSC‑Regular produces the same visual result as 400, why some Android devices only bold numeric/English characters, and provides practical fallback strategies and code examples for reliable mobile font rendering.

CSSFrontendfallback

0 likes · 13 min read

Understanding Font‑Weight Behavior and Fallback Mechanisms for PingFang SC on iOS and Android

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.

CSSFrontendfont-weight

0 likes · 9 min read

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