# Defining a Second Font in Minima

**URL:** <https://talk.jekyllrb.com/t/defining-a-second-font-in-minima/2504>\
**Category:** Help\
**Created:** [January 10, 2019, 2:31pm UTC](https://talk.jekyllrb.com/t/defining-a-second-font-in-minima/2504 "2019-01-10T14:31:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ront](https://avatars.discourse-cdn.com/v4/letter/r/7c8e57/32.png) [@ront](https://talk.jekyllrb.com/u/ront)\
**Post date:** [January 10, 2019, 2:31pm UTC](https://talk.jekyllrb.com/t/defining-a-second-font-in-minima/2504/1 "2019-01-10T14:31:11Z")

</div>

I’d like to use a second font on my GitHub Pages site, one font for body, p, etc. and another for all h1, h2, h3, etc.

I copied:  
minima.scss  
to  
/\_sass/minima.scss

I then rewrote the $base-font-family line to look like this:  
$base-font-family: serif, Times, Times New Roman;

and below the base-font section, I added these lines:  
$headings-font-family: sans-serif, Helvetica, Arial;  
$headings-font-size: 16px !default;  
$headings-font-weight: 400 !default;  
$headings-line-height: 1.5 !default;

In \docs\_sass\minima/\_base.scss I rewrote the section for headings to look like:  
h1, h2, h3, h4, h5, h6,  
p, blockquote, pre,  
ul, ol, dl, figure,  
%vertical-rhythm {  
font: $headings-font-weight # {$headings-font-size}/#{headings-line-height} $headings-font-family;  
margin-bottom: $spacing-unit / 2;  
}

However, I’m only getting the base font on served pages.

Please tell me what am I missing/doing wrong.

---

<div class="post-metadata">

**Author:** ![ront](https://avatars.discourse-cdn.com/v4/letter/r/7c8e57/32.png) [@ront](https://talk.jekyllrb.com/u/ront)\
**Post date:** [January 17, 2019, 10:42pm UTC](https://talk.jekyllrb.com/t/defining-a-second-font-in-minima/2504/2 "2019-01-17T22:42:04Z")

</div>

Seriously? No one knows how to do this?

---

<div class="post-metadata">

**Author:** ![mmistakes](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/mmistakes/32/2169_2.png) [@mmistakes](https://talk.jekyllrb.com/u/mmistakes)\
**Post date:** [January 18, 2019, 12:15am UTC](https://talk.jekyllrb.com/t/defining-a-second-font-in-minima/2504/3 "2019-01-18T00:15:40Z")

</div>

You’ll have more success if you can link to a public repo. What you have above isn’t enough to go on.

Typically you need to copy all of the theme’s `_sass` files to your local repo since overriding a partial or two doesn’t work. You need the whole set due to how Jekyll processes them when using themes.

You might be better off copying over [`assets/css/style.scss`](https://github.com/jekyll/minima/blob/master/assets/css/style.scss) and add your custom CSS after the `@import`.

Any CSS declarations you make here will definitely take affect vs. trying to do it in a Sass partial that Jekyll likely is ignoring because of how bundled theme’s work.

---

<div class="post-metadata">

**Author:** ![ront](https://avatars.discourse-cdn.com/v4/letter/r/7c8e57/32.png) [@ront](https://talk.jekyllrb.com/u/ront)\
**Post date:** [January 22, 2019, 9:21am UTC](https://talk.jekyllrb.com/t/defining-a-second-font-in-minima/2504/4 "2019-01-22T09:21:32Z")

</div>

Thanks, Michael. Sorry I took so long to respond.  
I did copy \_sass, but in the minima-2.5.0\assets folder, there is no css folder and subsequently, no style.css. I do have a file: docs\assets\css\style.css that looks like this:

```auto
---
# Only the main Sass file needs front matter (the dashes are enough)
---

@import "minima";
@import "minima/syntax-highlighting";
@import "my_overrides";

body, p, ul, li, a
{
	font-family: serif, Times, Times New Roman;
}

h1, h2, h3, h4, h5, h6
{
	font: san-serif, Helvetica, Arial;
}

```

But it’s not paying attention to it.

And sorry for all the vagueness, but I don’t understand Jekyll and I’m finding it hard to keep track of all the bits and pieces.

I’m thinking at this point it might work best if I scraped it back down to the metal and start over, but now that my site is live, I don’t wanna risk downtime.