HTML Bold Guide

Use semantic elements and CSS to create accessible, performant bold text.

Semantic Elements

<strong>Important content</strong>
<b>Stylistic bold</b>

Use <strong> to convey importance (screen readers announce emphasis). Use <b> when you only want the visual styling.

CSS font-weight

.bold { font-weight: 700; }
.semibold { font-weight: 600; }
.black { font-weight: 900; }

Verify supported weights in your chosen font to avoid faux-bold rendering.

Quick Generator

Need copy‑paste HTML/CSS? Use our HTML Bold Generator.