Squid LogoCSS - Components Squid Style
Getting Started
Content
Dark Mode VariablesIconsImagesTableTypographyFont styleHeading
Layout
Forms
Components
Utilities
Styleguide

Typography

Documentation and examples for typography.

Font style

The default font is Google Fonts Open Sans

Default size is 14px.

Heading

HeadingExemple
h1

Title 1

h2

Title 2

h3

Title 3

h4

Title 4

h5
Title 5
h6
Title 6

Code, using Html Tags or using classes:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p class="h1">Heading 1</p>
<p class="h2">Heading 2</p>
<p class="h3">Heading 3</p>
<p class="h4">Heading 4</p>
<p class="h5">Heading 5</p>
<p class="h6">Heading 6</p>