Hierarchy Two

Single Typeface


EB Garamond

Major Third Scale: 1.250 type-scale.com
Base size: 1 rem / 16 px

H1

Heading One


EB Garamond is intended to be an excellent, classical, Garamond. It is a community project to create a revival of Claude Garamont’s famous humanist typefaces from the mid-16th century. This digital version reproduces the original design by Claude Garamont closely.

HEADER
font-family: 'EB Garamond', serif;
font-weight: 500;
font-size: 3.052 rem;


BODY
font-family: 'EB Garamond', sans-serif;
font-weight: 500;
font-size: 1 rem;

H2

Heading Two


EB Garamond is intended to be an excellent, classical, Garamond. It is a community project to create a revival of Claude Garamont’s famous humanist typefaces from the mid-16th century. This digital version reproduces the original design by Claude Garamont closely.

HEADER
font-family: 'EB Garamond', serif;
font-weight: 500;
font-size: 2.441 rem;


BODY
font-family: 'EB Garamond', sans-serif;
font-weight: 500;
font-size: 1 rem;

H3

Heading Three


EB Garamond is intended to be an excellent, classical, Garamond. It is a community project to create a revival of Claude Garamont’s famous humanist typefaces from the mid-16th century. This digital version reproduces the original design by Claude Garamont closely.

HEADER
font-family: 'EB Garamond', serif;
font-weight: 500;
font-size: 1.953 rem;


BODY
font-family: 'EB Garamond', sans-serif;
font-weight: 500;
font-size: 1 rem;

H4

Heading Four


EB Garamond is intended to be an excellent, classical, Garamond. It is a community project to create a revival of Claude Garamont’s famous humanist typefaces from the mid-16th century. This digital version reproduces the original design by Claude Garamont closely.

HEADER
font-family: 'EB Garamond', serif;
font-weight: 500;
font-size: 1.563 rem;


BODY
font-family: 'EB Garamond', sans-serif;
font-weight: 500;
font-size: 1 rem;

Body
Body Text

BODY
font-family: 'EB Garamond', sans-serif;
font-weight: 500;
font-size: 1 rem;

Emphasised Text
Bold Text

BODY
font-family: 'EB Garamond', sans-serif;
font-weight: 700;
font-size: 1 rem;

Hyperlinked Text
Text that goes places

BODY
font-family: 'EB Garamond', sans-serif;
font-weight: 500;
font-color: darkcyan;
font-size: 1 rem;



Body text provided by:

https://fonts.google.com/specimen/EB+Garamond?query=eb+garamond#about