Changing Fonts in Hugo

Another tweak I’ve made to the base Hugo Bear Blog theme is to swap out the default font (Verdana - i’ve never much cared for it) with some alternatives, in my case Ubuntu for headers and Lucidia Console for body text.

It’s a very quick change and just involves editing the style.html file created we editing the code-block defaults

Right at the top of the style.html file you need to edit the following:

:root {
    --width: 720px;
    --font-main: Verdana, sans-serif;
    --font-secondary: Verdana, sans-serif;

to:

:root {
    --width: 720px;
    --font-main: Ubuntu, sans-serif;
    --font-secondary: "Lucida Console", monospace;

Save, upload and you are good to go.