Serve more fonts locally

mayan/apps/appearance/templates/appearance/base.html

@@ -25,20 +25,58 @@
 
             <style type="text/css">
                 @font-face {
-                        font-family: 'IM Fell English SC';
+                    font-family: 'IM Fell English SC';
-                        font-style: normal;
+                    font-style: normal;
-                        font-weight: normal;
+                    font-weight: normal;
-                        src:
+                    src:
-                            local('IM FELL English SC'),
+                        local('IM FELL English SC'),
-                            local('IM_FELL_English_SC'),
+                        local('IM_FELL_English_SC'),
-                            url('{% static "appearance/fonts/IM_Fell_English_SC.eot?#iefix" %}') format('embedded-opentype'),
+                        url('{% static "appearance/fonts/IM_Fell_English_SC.eot?#iefix" %}') format('embedded-opentype'),
-                            url('{% static "appearance/fonts/IM_Fell_English_SC.woff" %}') format('woff'),
+                        url('{% static "appearance/fonts/IM_Fell_English_SC.woff" %}') format('woff'),
-                            url('{% static "appearance/fonts/IM_Fell_English_SC.svg#IMFellEnglishSC" %}') format('svg'),
+                        url('{% static "appearance/fonts/IM_Fell_English_SC.svg#IMFellEnglishSC" %}') format('svg'),
-                            url('{% static "appearance/fonts/IM_Fell_English_SC.ttf" %}') format('truetype');
+                        url('{% static "appearance/fonts/IM_Fell_English_SC.ttf" %}') format('truetype');
+                }
+
+                /* Flatly fonts */
+                @font-face {
+                    font-family: 'Lato';
+                    font-style: normal;
+                    font-weight: 400;
+                    src:
+                        local('Lato Regular'),
+                        local('Lato-Regular'),
+                        url('{% static "appearance/fonts/Lato_400.eot?#iefix" %}') format('embedded-opentype'),
+                        url('{% static "appearance/fonts/Lato_400.woff" %}') format('woff'),
+                        url('{% static "appearance/fonts/Lato_400.svg#Lato" %}') format('svg'),
+                        url('{% static "appearance/fonts/Lato_400.ttf" %}') format('truetype');
+                }
+                @font-face {
+                    font-family: 'Lato';
+                    font-style: normal;
+                    font-weight: 700;
+                    src:
+                        local('Lato Bold'),
+                        local('Lato-Bold'),
+                        url('{% static "appearance/fonts/Lato_700.eot?#iefix" %}') format('embedded-opentype'),
+                        url('{% static "appearance/fonts/Lato_700.woff" %}') format('woff'),
+                        url('{% static "appearance/fonts/Lato_700.svg#Lato" %}') format('svg'),
+                        url('{% static "appearance/fonts/Lato_700.ttf" %}') format('truetype');
+                }
+                @font-face {
+                    font-family: 'Lato';
+                    font-style: italic;
+                    font-weight: 400;
+                    src:
+                        local('Lato Italic'),
+                        local('Lato-Italic'),
+                        url('{% static "appearance/fonts/Lato_400italic.eot?#iefix" %}') format('embedded-opentype'),
+                        url('{% static "appearance/fonts/Lato_400italic.woff" %}') format('woff'),
+                        url('{% static "appearance/fonts/Lato_400italic.svg#Lato" %}') format('svg'),
+                        url('{% static "appearance/fonts/Lato_400italic.ttf" %}') format('truetype');
                 }
 
                 body {
-                  padding-top: 70px;
+                    padding-top: 70px;
                 }
 
                 .navbar-brand {