Sandstone typefaces

Open Sans @font-face

An open font with 897 characters (and therefore enormous localization potential), Open Sans is our default typeface for websites. The Sandstone CSS provides heading styles and you can add the LESS mixin .open-sans or .open-sans-light tag to any element.

Body text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae semper magna. Mauris at ligula massa, sit amet tincidunt leo. Praesent a magna tellus, ac dignissim risus. Class aptent taciti sociosqu ad litora torquent.

.body {
  font-size: 14px;
  line-height: 20px;
}

Headings

Large

Heading 1

Heading 2

Heading 3

Heading 4

small
.large {
  font-size: 72px;
  letter-spacing: -3px;
  line-height: 100%;
}
h1 {
  font-size: 48px;
  letter-spacing: -2px;
  line-height: 100%;
}
h2 {
  font-size: 32px;
  letter-spacing: -1px;
  line-height: 100%;
}
h3 {
  font-size: 28px;
  letter-spacing: -0.5px;
  line-height: 100%;
}
h4 {
  font-size: 24px;
  letter-spacing: -0.25px;
  line-height: 100%;
}
.small, small {
  font-size: 12px;
  line-height: 100%;
}