How can I add a custom font to the Craft theme?

[Sheela]

Hi,

I would like to add a custom font to the craft theme.

I do have the font as woff, woff2 and more. 

Also I would like to only have the headings (h1, h2 and so on) to apply the custom font and the body as something already available like Montserrat.

Is there any code which I can use for this?

I've managed to do it for the Narrative theme, but it didn't work for the craft theme. 

Thank you for helping out!

[made4Uo]

Hi @Sheela,

Please follow the video tutorial below

[Sheela]

Thank you! Unfortunately, I tried these steps several times, but it has not worked out so far. 

Maybe because it has not uploaded my font correctly?

I just noticed that it looks different compared to the video when uploaded in Assets (see image - font name "AbramoSerif")

[made4Uo]

Hi @Sheela,

Have you tried the second step provided in my website?

[luckunstuck]

When I add my font as an asset, it does not show up as yours does. It will not show preview and it gets added at the top of the assets list with a capital A beside it and not the </> symbols. Is there a problem with adding the asset and is there a work around if so?

Daniel