CSS: Set font weights correctly

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 26f7e369f92b97e2d8b05b6d780018876909c2df..6c5b598cad470ffc934bbf60d6568fa550b4658d 100644 (file)
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -46,6 +46,10 @@ $border-radius-lg:                   2px;
 // Fonts
 $font-family-sans-serif:       "Ubuntu", sans-serif;
 
+$font-weight-light:                    300;
+$font-weight-normal:           500;
+$font-weight-bold:                     700;
+
 // Typo
 $font-size-base:                       0.875rem;
 

diff --git a/src/templates/base.html b/src/templates/base.html
index 8ffefd199f9cb5aa7e83c0f58be72e0679ca7ee0..0c4489a456e78b2a1b820a756b792ff67fd2501a 100644 (file)
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -14,6 +14,9 @@
                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
                <link rel="stylesheet" type="text/css" href="{{ static_url("main.css") }}" />
 
+               <!-- Ubuntu font - TODO needs to be delivered locally -->
+               <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu:300,500,700" />
+
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
                {% if rss_url %}