Skip to main content
 

Font Sizes in Comparison

Heading 2 ($font_size_large: 18px)

Heading 3 ($font_size_medium: 16px)

Heading 4 ($font_size_medium: 16px)

base text ($font_size_base: 14px)
base text bold ($font_size_base: 14px)


Examples that occur in the body of web pages

Heading Level 2 (with bold font-size-base text following)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere nunc sem, in commodo dolor fermentum in. Vivamus pretium mauris eu vestibulum ultrices.

Integer suscipit mi ultrices facilisis placerat. Quisque pulvinar diam eu erat gravida, et sodales felis interdum. Nam et viverra augue, ac imperdiet nunc. Quisque dictum tincidunt sem, non consequat sapien laoreet in. Duis lectus enim, vulputate sodales convallis vitae, egestas in augue. Quisque quis facilisis metus, non congue mi.

Heading Level 3 (with bold font-size-base text following)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere nunc sem, in commodo dolor fermentum in. Vivamus pretium mauris eu vestibulum ultrices.

Integer suscipit mi ultrices facilisis placerat. Quisque pulvinar diam eu erat gravida, et sodales felis interdum. Nam et viverra augue, ac imperdiet nunc. Quisque dictum tincidunt sem, non consequat sapien laoreet in. Duis lectus enim, vulputate sodales convallis vitae, egestas in augue. Quisque quis facilisis metus, non congue mi.

Heading Level 4 (with bold font-size-base text following)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere nunc sem, in commodo dolor fermentum in. Vivamus pretium mauris eu vestibulum ultrices.

Integer suscipit mi ultrices facilisis placerat. Quisque pulvinar diam eu erat gravida, et sodales felis interdum. Nam et viverra augue, ac imperdiet nunc. Quisque dictum tincidunt sem, non consequat sapien laoreet in. Duis lectus enim, vulputate sodales convallis vitae, egestas in augue. Quisque quis facilisis metus, non congue mi.

Heading 2

Heading 3

Heading 4