migreyes / hazelnut

A Pow-preferred barebones starting point for designers using Jekyll.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Include fonts

gregmolnar opened this issue · comments

I am kinda new to jekyll and I'd like to ask if you have any advice to add a font to this starter template? As far as I see sass doesn't handle the font files in the _assets folder. Maybe I should use compass to make it work?

Hey @gregmolnar,

I actually have custom fonts in my site, as well as on Basecamp. However, since they’re paid and licensed software, I didn’t include them here. Including your fonts is straight forward:

Define your @font-face in a file, such as _fonts.scss and place it:
_source/_assets/sass/globals/_fonts.scss

Call it in your main Sass file, in this case, style.scss:

@import
  'globals/mixins',
  'globals/reset',
  'globals/fonts';

If you’re referencing external font files as opposed to embedding them, for organization I’d recommend putting them here:
_source/assets/fonts/

Hope that helps! You can study my own source for my site here.

Thanks a lot Mig! I will check the source of your site.