Integrating Typekit to Hugo Site (Learn Theme)

inceptionlabs · November 1, 2017, 8:41pm

I’m new to Hugo, but am loving it so far! I’m just having trouble editing the fonts for the theme I chose. I’d like to integrate Typekit fonts, but am at a loss for how to do that. If anyone has experiences with this that they’d be willing to share, I would be so grateful!

I have been able to change fonts on a page level, but have not been able to crack how to do this site-wide.

Thanks!!

maiki · November 1, 2017, 9:17pm

You can probably check the Typekit support docs for assistance, since they’ll know how to get their fonts working on any site. If you have a Hugo-specific question, let us know and share a link to your site’s code so we can assist.

RickCogley · November 1, 2017, 11:32pm

I assume you loaded them in your <head>, right, so then it’s a matter of writing css to assign font-family to something generic, like your body tag.

github.com

RickCogley/RCC-Hugo2015/blob/master/static/css/rickcogleyinfo.css#L12


      
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
          }
          html {
              color: #2d303b;
          }
          body {
              background-color: white;
          }
          html, body, main, div, p, nav, section, article, ol, ul, blockquote, button, input, select, textarea, .pure-g [class *= "pure-u"] {
              font-family: 'Alegreya Sans', 'Helvetica', 'Arial', sans-serif;
          }
          h1, h2, h3, h4, h5, h6 {
              font-family: 'Alegreya', serif;
          }
          pre {
              padding: 0;
          }
          blockquote {
              margin: 1rem 3rem 1.75rem;

Topic		Replies	Views
Font selection in theme Using Themes	16	21244	December 6, 2022
How to add custom CSS to Hugo theme (Casper Two) support	2	428	August 10, 2019
How do I change the font in the Paper theme support	4	280	August 15, 2023
What is the preferred way to change the default font in the hugo-book theme Using Themes	3	1832	December 20, 2021
Language switcher does not apply style.css style support	9	1016	July 25, 2021

Integrating Typekit to Hugo Site (Learn Theme)

Related Topics