7

I've started experimenting with Jekyll a little bit, and looking at how it works. So far it's a bit confusing.

First of all, the minima theme properties are bundled in a gem, and are hidden from initial view. So I've copied over minima-2.5.0/_sass/minima.scss to my created project directory, which is supposed to override the default config.

Inside that variabe file, I see the following main font variable:

$base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;

I'm too scared to touch that. How would I change the default font in my Jekyll site? Why is there so many of them defined here, and how do they take precedence over one-another?

What if I want to use a local Ubuntu font, like Ubuntu mono? What if I want to use Inconsolata or another font from googlefonts?

Dimitris Sfounis
  • 2,400
  • 4
  • 31
  • 46
  • Just in case it helps anyone, [this](https://simonkjohnston.life/code/2019/12/20/Minima-Typography.html) blog post pointed me in the right direction, as well as [this](https://talk.jekyllrb.com/t/noobie-changing-font-variables/6277) other one. – Clerni May 06 '22 at 11:53

1 Answers1

12

Local fonts will not display consistent, as people might not have/installed them. You can use a free font hosted by Google (which people seem to call 'Google Fonts'). If you want to use Ubunty Mono, use this: 

$base-font-family: 'Ubuntu Mono', monospace;

And add this to your head:

<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono" rel="stylesheet">

A better solution is to download the font, using a download helper.

IMPORTANT NOTE - Putting your company name in front of something that is released for free to the community is uncool (Google Fonts). Using this to create a 'free service' to track the behaviour of people online is even more uncool. Most people call this stealing (plagiary) and snooping. We tell our kids that this is bad. We (as web developers) should not facilitate this. We should NOT feed Google Fonts to our visitors. Just download these free fonts and serve them from your webserver. They (should) have nothing to do with Google. If you are the owner of any of these fonts, please prevent Google from hosting them. Stop facilitating mass surveillance. Thank you.

Mr. Hugo
  • 11,887
  • 3
  • 42
  • 60