Fonts

Upload a custom font to your template

Letterhead supports the following font file types:

.woff
.woff2
.ttf
.otf

To use a custom font in your Letterhead template:

Upload the font file as an asset in the template editor
Create a new CSS file styles.css, or add to your existing one, your @font-face declaration.


@font-face {
  font-family: "My Custom Font";
  src: url("my-custom-font.woff") format("woff");
}

body {
  font-family: "My Custom Font", sans-serif;
}

Remember to link the stylesheet from your HTML.


<html>
  <head>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body>
    Hello world!
  </body>
</html>

Use Google Fonts

To use a Google Font in your Letterhead template, you can link to the font in the <head> of your template, and then reference the font in your CSS.


<html>
  <head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
    <style>
    body {
      font-family: "Sofia", sans-serif;
    }
    </style>
  </head>

  <body>
    Hello world!
  </body>
</html>