title: Changing a Font in an Jekyll Theme
body: <p>I have been experimenting with Jekyll a little bit the last days. I guess I understand the basics about it. I tested around 4 Templates and got them to run and understand the structures of a jekyll page. It isnt much magic tbh. </p>
  
  <p>Today I came to the point where I wanted to change the font of my Template. I am using the <a href="https://github.com/sylhare/Type-on-Strap" rel="nofollow noreferrer">Type on Strap</a> Teamplate at the moment and you can see my repo I build on git pages <a href="https://github.com/manilevian/jekylltest2" rel="nofollow noreferrer">Right here.</a></p>
  
  <p>I checked out <a href="https://stackoverflow.com/questions/41551672/how-can-i-change-the-default-font-for-a-jekyll-website">this post on stackoverflow</a>. Which helped me to identify the _variables.scss file in the _sass/base folder. Also the thread goes on, saying that the whole file might be controlled through a scss file, mostly called like the theme. There we go, I found the Type-on-Strap in the _sass folder. </p>
  
  <p>Now my question is: Do i have to edit the _variables.scss like I did below, and If so, where to I put the ttf files or how do i link correctly to the webfont ? Or will I leave the _variables files as it is and only have to edit the type-on-strap.scss file ? and if so again, what do I have to change ?</p>
  
  <p>The _variable.scss file:</p>
  
  <pre><code>// Typography
  $font-family-main: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  $font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  $font-family-logo: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  $font-size: 1.25em;
  </code></pre>
  
  <p>So I dont want to use Sans Pro anymore. I would like to use <a href="https://fonts.google.com/specimen/Barlow+Semi+Condensed" rel="nofollow noreferrer">Barlow Semi Condensed</a> as ther main font, and Barlow Semi Condensed Medium for the headings and logo. Would I change the code to this?:</p>
  
  <pre><code>$font-family-main: 'Barlow Semi Condensed', sans-serif;
  $font-family-headings: 'Barlow Semi Condensed', sans-serif;
  $font-family-logo: 'Barlow Semi Condensed', sans-serif;
  </code></pre>
  
  <p>Summary: I only want to know, what do I have to edit how to get Barlow font to replace the sans pro one on my template I am using. </p>
  
  <p>Hope people arent too mad about me making another post about this. I crawler through some of the answers and this is day two in trying. Kind of getting exhausted :) </p>
  
  <p>Thanks in advance!</p>