Contentstack Styleguide

Source: 1_Typography/typography.less, line 1

1.1 #Typography.Font Font

Toggle full screen Open in new window Toggle example guides Toggle HTML markup

We use the following styling:

  • Base font size: 13px
  • Base line-height: 1.5
  • Important texts: Bold
  • Emphasis: Italics
Example
We use a font size of 13 px and a base line of 1.5. Important texts are highlighted in Bold and texts we want to emphasize are Italicized.
Markup
We use a font size of <strong>13 px</strong> and a base line of <strong>1.5</strong>.
Important texts are highlighted in <strong>Bold</strong> and texts we want to emphasize are <em>Italicized</em>.
Source: 1_Typography/typography.less, line 8
Example

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6
Markup
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
Source: 1_Typography/typography.less, line 31