Adding fonts to Hugo framework

New Here ,
Sep 15, 2020 Sep 15, 2020

Copy link to clipboard

Copied

I'm looking for some advice on how to add Adobe Fonts to the Hugo builder. I'd rather not have to add the fonts I need as static woff files. Any help is much appreciated.

 

Thanks

Richard

TOPICS
How to

Views

472

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Oct 12, 2020 Oct 12, 2020

Hi Richard,

 

Sorry for the delay in response. Unfortunately, we don't currently have a tutorial for Hugo but I can give you some basic instructions. First, I would take a look at this help article for adding Adobe Fonts to your website: https://helpx.adobe.com/fonts/user-guide.html/fonts/using/add-fonts-website.ug.html.


These basic steps are the same for Hugo but you just have to make sure you're editing the right theme files. Let's use the Ananke theme as an example. In order to add the embed

...

Likes

Translate

Translate
Adobe Employee ,
Oct 12, 2020 Oct 12, 2020

Copy link to clipboard

Copied

Hi Richard,

 

Sorry for the delay in response. Unfortunately, we don't currently have a tutorial for Hugo but I can give you some basic instructions. First, I would take a look at this help article for adding Adobe Fonts to your website: https://helpx.adobe.com/fonts/user-guide.html/fonts/using/add-fonts-website.ug.html.


These basic steps are the same for Hugo but you just have to make sure you're editing the right theme files. Let's use the Ananke theme as an example. In order to add the embed code to the <head> of this theme, you would add it to the baseof.html file under layouts > _default > baseof.html . Once you do this, now you just need to edit the theme's CSS to use your Adobe Fonts font-family declaration. I don't have specific instructions here but I would try editing the font-family CSS declarations in the theme until you get the results you want. Look for the "custom CSS" section of your theme's README.md file.

 


I hope this helps get your started. Let me know and we'll take it from there.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 13, 2020 Oct 13, 2020

Copy link to clipboard

Copied

LATEST

Hey Harshika

 

No problem and thanks for getting back to me. We've managed to add the code and apply the fonts now and it sounds like your answer is the same process.

 

Thanks

Richard

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Troubleshooting
Feedback & Suggestions
Fonts Licensing