Typography

Bulma sets a clean typographic baseline on top of system fonts. Use title and subtitle for headings, content for prose blocks, and size helpers is-size-1 through is-size-7 when you need fine control.

Heading hierarchy

• title — primary heading; add is-1 … is-6 for scale
• subtitle — secondary line under a title; pairs visually with adjacent title
• Semantic HTML — still use h1–h6 inside titles when SEO and accessibility matter (HTML headings)

Prose with content

Wrap article copy in content to get sensible spacing for p, ul, blockquote, and pre without hand-tuning margins—similar to Bootstrap’s typography defaults but scoped to a single wrapper.

Important interview questions and answers

1. Q: title vs heading tag?
   A: title is Bulma’s visual class; combine with <h1 class="title"> for both semantics and styling.
2. Q: When use is-size-* instead of title is-*?
   A: is-size-* adjusts any element’s font size; title is-4 also sets title weight and spacing tuned for headings.

Self-check

1. How do you render a large hero headline and a smaller supporting line?
2. What class auto-styles paragraphs and lists inside an article?