Theme Custom Fonts


Activate a GitPitch Paid Plan to unlock Custom Fonts support.

Custom font support lets presentation authors accurately reflect the brand of any project, conference, or business within GitPitch slide decks. Licensed commercial fonts and free Web fonts can be used including Google Web Fonts .

This guide describes how you can activate custom fonts for your slide decks.

  1. Download Custom Fonts Woff or Woff2
  2. Register Custom Fonts in your PITCHME.yaml
  3. Activate Custom Fonts using the Theme Builder
  4. Optionally Activate Custom Fonts Manually

Custom fonts are managed directly alongside other asset dependencies for your slide decks directly within your Git repository.

1. Download Custom Fonts Woff or Woff2

Download your custom font files and add them as asset depedencies for your slide deck. Both woff and woff2 file formats are supported.

For example, the following directory structure shows a sample slide deck with custom font dependencies:

.
├── assets
│   ├── css
│   │   └── PITCHME.css
│   │
│   ├── fonts
│   │   ├── Aladin.woff2
│   │   ├── Black-Ops.woff2
│   │   ├── Londrina-Outline.woff
│   │   └── Permanent-Marker.woff2
│   │
│   └── img
│       └── logo.png
│
├── PITCHME.md
└── PITCHME.yaml

2. Register Custom Fonts in your PITCHME.yaml

Register the custom-fonts property in your PITCHME.yaml . This array property lets you register one or more custom fonts for your slide deck.

The following snippet shows how to register a single custom font:

custom-fonts : [ "assets/fonts/Aladin.woff2" ]

Font paths are relative to the root directory of your Git repository.

The following snippet shows how to register multiple custom fonts:

custom-fonts : [
  "assets/fonts/Aladin.woff2",
  "assets/fonts/Black-Ops.woff2",
  "assets/fonts/Londrina-Outline.woff",
  "assets/fonts/Permanent-Marker.woff2"
]

Font paths are relative to the root directory of your Git repository.

3. Activate Custom Fonts using the Theme Builder

Once your custom fonts have been registered within your PITCHME.yaml you can immediately activate those fonts for headline, byline, and plain text within your slide deck. The fastest way is to use the Theme Builder as shown here:

THEME BUILDER CUSTOM FONTS

The Theme Builder is automatically aware of registered custom fonts and makes them available alongside the full set of built-in fonts for headline, byline, and plain-text content.

4. Optionally Activate Custom Fonts Manually

If for any reason you prefer not to use the Theme Builder you can activate your custom fonts directly on the following Theme Template settings:

The name of the font family for a custom font is derived directly from the registered filename specified within your PITCHME.yaml file.

For example, if you registered assets/fonts/Aladin.woff2 then you would reference this font using the Aladin font-family name. And if you registered assets/fonts/Permanent-Marker.woff2 you would use Permanet-Marker as the font-family name. Note these font-family names are case-sensitive and match exactly the case used when registered.

Note, custom font filenames must not contain spaces or other special characters.