Home on Gary Danton's Blog

Changing Fonts in Hugo

Sat, 06 Jun 2026 17:53:38 +0100

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:

About

Sat, 06 Jun 2026 17:26:19 +0100

About this site

This site is built using Hugo, the Hugo Bear Blog theme and hosted on Github using Github pages.

I’ve keep tweaks to the layouts minor:

Changes to the fonts, replacing Verdana with Ubuntu (headers) and Lucidia Console (body text)
Home page customisation, adding in introductory text and showing posts per category
Neater presentation of code-blocks, adding in text wrapping

Neater Hugo Code Blocks

Sat, 06 Jun 2026 15:46:51 +0100

Neater Hugo Code Blocks

For the most part i’m happy with the styling of the Bear Blog theme.

I’m a big fan of contraints and by picking a well featured but simply styled blog theme it means that I can focus on the content rather than constantly messing around with the look of the blog.

I do however have a gripe with the way that code blocks are presented.

By default, theres no text wrapping, so longer blocks of code spead themselves all over the page, looking very out of place and generally ruining the look of the blog.

Bear Blog Home Page Customisation

Sat, 06 Jun 2026 15:08:17 +0100

Bear Blog Home Page Customisation

I want to be able to add some customision to the stadard Hugo Bear Blog home page, specifically adding in some header text and a break down of blog posts made in certain categories.

To add in this type of customisation, we need to

Adding header text to the home page

In order to add in some header text to the home page, we need to create a _index.md file in the root of the content directory, within this file you can add in the text you want, along with any approprite front matter, for example: