pretty firefox font

content/assets/stylesheets/includes/general.scss

@@ -31,7 +31,6 @@
       transition: 0.2s;
 
       font-variant: small-caps;
-      font-size: 1.25em;
 
       &:hover {
         transition: 0.2s;

content/assets/stylesheets/main.scss

@@ -1,9 +1,7 @@
 
 @import "includes/variables";
 
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
-$family-sans-serif: 'Open Sans', sans-serif;
-
+$family-sans-serif: 'Fira Sans', sans-serif;
 
 @import "../../../node_modules/bulma/bulma";
 

content/index.erb

@@ -1,7 +1,7 @@
 <% content_for :head do %>
 <META NAME="Title" CONTENT="Zeus WPI: Werkgroep informatica van de Universiteit Gent">
 <META NAME="Keywords" CONTENT="zeus wpi, informatica, universiteit gent">
-<META NAME="Description" CONTENT="Studentenclub van de werkgroep informatica aan de Universiteit Gent. Informatie over o.a. Linux (downloads en lessen), programmeren, en internetbeveiliging.">
+<META NAME="Description" CONTENT="Studentenvereniging van de informatica aan de Universiteit Gent. Informatie over o.a. Linux (downloads en lessen), programmeren, en internetbeveiliging.">
 <% end %>
 
 <div id="homepage">

layouts/default.erb

@@ -7,8 +7,14 @@
     <title>
       Zeus WPI | <%= item[:title] || 'Werkgroep Informatica van de Universiteit Gent' %>
     </title>
+
+    <!-- Font Awesome -->
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
 
+    <!-- Fira Sans -->
+    <link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css">
+
+
     <%= asset :css, :main %>
 
     <link rel="icon" href="/assets/images/favicon32.png" type="image/x-icon" />