Google AMP Typography Library

Documentation and examples for typography, including global settings, headings, body text, lists, and more: Google AMP Typography Library.

Google AMP Typography

Google AMP Typography · Headings

<h1><h1>

h1. Example

<h2><h2>

h2. Example

<h3><h3>

h3. Example

<h4><h4>

h4. Example

<h5><h5>
h5. Example
<h6><h6>
h6. Example
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>

<p class="h1">...</p>
<p class="h2">...</p>
<p class="h3">...</p>
<p class="h4">...</p>
<p class="h5">...</p>
<p class="h6">...</p>

Google AMP Typography · Lead

<p class="lead"><p>

Lead

<p class="lead">...</p>

Google AMP Typography · Inline text elements

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

<p>You can use the mark tag to <mark>highlight</mark> text.</p>
<p><del>This line of text is meant to be treated as deleted text.</del></p>
<p><s>This line of text is meant to be treated as no longer accurate.</s></p>
<p><ins>This line of text is meant to be treated as an addition to the document.</ins></p>
<p><u>This line of text will render as underlined</u></p>
<p><small>This line of text is meant to be treated as fine print.</small></p>
<p><strong>This line rendered as bold text.</strong></p>
<p><em>This line rendered as italicized text.</em></p>

Google AMP Typography · Abbreviations

attr

HTML

<p><abbr title="attribute">attr</abbr></p>
<p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr></p>

Bootstrap typography documentation

Read more
We use cookies to improve your experience on our website. By browsing this website, you agree to our use of cookies.