Upload a font when your brand uses one that is not in Google Fonts. You can choose the uploaded family for headings, body text or code.
Before you start
You have the font files in OTF, TTF, WOFF or WOFF2 format. WOFF2 files are the smallest.
You have one file for each weight and style you want, such as Regular, Bold and Italic.
All the files of one family together weigh 4 MB or less. You upload a family in one go, and Fantasma cannot add files to it later.
Open the upload dialog
Open your project in Fantasma.
In the icon rail, the narrow bar of icons along the edge of the editor, click the paintbrush icon, Styles.
Click Typography.
Next to Fonts, click the sliders icon, Manage fonts.
In the Manage fonts dialog, next to Your fonts, click Upload. The Upload a font dialog opens.
Add the font files
Under Family name, enter the family's name, such as Quiet Sans. Use letters, digits and spaces, up to 40 characters.
Click Choose font files.
In the window that opens, select the files. Each file gets a row with its weight and style, guessed from the file name. A file named QuietSans-Bold.woff2 gets 700 and normal.
Optional. If a guess is wrong, select the right weight or style in the file's row. The weight is a number: 400 is regular and 700 is bold. Two files cannot share the same weight and style.
Click Add font.
The family appears under Your fonts with its number of variants, one per file.
If you forgot a file before step 5, click Add more files in the same dialog. A file over 4 MB shows "… is over the 4 MB limit", and files over 4 MB together show "These files total … MB, over the 4 MB upload limit. WOFF2 files are usually much smaller."
Use the uploaded font
In Styles, on the Typography screen, under Fonts, click Headings or Body. A list of fonts opens.
Click your font. It sits near the top of the list, marked Project.
For code, choose it under Monospace in the Manage fonts dialog. See Change your fonts.
Limits
Limit
Value
Font families in a project
8
Files in one family
22
All files of one upload together
4 MB
All font files in a project
20 MB
Family name
40 characters, letters, digits and spaces
At 8 families, Upload is grayed out. Remove a family to add another.
Remove an uploaded font
In the Manage fonts dialog, point at the font under Your fonts, click the trash icon, then click Remove. Its files are deleted for good, and any font pair that used it shows the system font in its place.
How the font reaches your site
Uploading fonts works on every plan. Uploaded fonts are always inside the theme file, whatever Bundle fonts in theme in the Manage fonts dialog is set to. Visitors load them from your Ghost site. Your Ghost site shows the font after you publish your theme or download it and upload it in Ghost.
Upload a font when your brand uses one that is not in Google Fonts. You can choose the uploaded family for headings, body text or code.
Before you start
Open the upload dialog
Add the font files
Under Family name, enter the family's name, such as
Quiet Sans. Use letters, digits and spaces, up to 40 characters.Click Choose font files.
In the window that opens, select the files. Each file gets a row with its weight and style, guessed from the file name. A file named
QuietSans-Bold.woff2gets 700 and normal.Optional. If a guess is wrong, select the right weight or style in the file's row. The weight is a number: 400 is regular and 700 is bold. Two files cannot share the same weight and style.
Click Add font.
The family appears under Your fonts with its number of variants, one per file.
If you forgot a file before step 5, click Add more files in the same dialog. A file over 4 MB shows "… is over the 4 MB limit", and files over 4 MB together show "These files total … MB, over the 4 MB upload limit. WOFF2 files are usually much smaller."
Use the uploaded font
For code, choose it under Monospace in the Manage fonts dialog. See Change your fonts.
Limits
At 8 families, Upload is grayed out. Remove a family to add another.
Remove an uploaded font
In the Manage fonts dialog, point at the font under Your fonts, click the trash icon, then click Remove. Its files are deleted for good, and any font pair that used it shows the system font in its place.
How the font reaches your site
Uploading fonts works on every plan. Uploaded fonts are always inside the theme file, whatever Bundle fonts in theme in the Manage fonts dialog is set to. Visitors load them from your Ghost site. Your Ghost site shows the font after you publish your theme or download it and upload it in Ghost.