change fonts

app/static/fonts/dinpro/dinpro.css

@@ -0,0 +1,123 @@
+@font-face {
+    font-family: "DINPro";
+    font-weight: 800;
+    src: url("DINPro-Black.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: 800;
+    font-style: italic;
+    src: url("DINPro-BlackItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: bold;
+    src: url("DINPro-Bold.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: bold;
+    font-style: italic;
+    src: url("DINPro-BoldItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    src: url("DINPro-Cond.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 800;
+    src: url("DINPro-CondBlack.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 800;
+    font-style: italic;
+    src: url("DINPro-CondBlackIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: bold;
+    src: url("DINPro-CondBold.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: bold;
+    font-style: italic;
+    src: url("DINPro-CondBoldIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-style: italic;
+    src: url("DINPro-CondIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 300;
+    src: url("DINPro-CondLight.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-weight: 300;
+    font-style: italic;
+    src: url("DINPro-CondLightIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-: Medi;
+    font-style: italic;
+    src: url("DINPro-CondMediIta.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-stretch: condensed;
+    font-: Medium;
+    src: url("DINPro-CondMedium.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-style: italic;
+    src: url("DINPro-Italic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: 300;
+    src: url("DINPro-Light.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-weight: 300;
+    font-style: italic;
+
+    src: url("DINPro-LightItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-: Medium;
+
+
+    src: url("DINPro-Medium.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-: Medium;
+    font-style: italic;
+
+    src: url("DINPro-MediumItalic.otf") format("opentype");
+}
+@font-face {
+    font-family: "DINPro";
+    font-style: normal;
+    font-weight: normal;
+
+    src: url("DINPro.otf") format("opentype");
+}

app/static/fonts/m+1m/m+1m.css

@@ -0,0 +1,39 @@
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-bold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-light-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-medium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'm+1m';
+    src: url('mplus-1m-thin-webfont.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+

app/static/fonts/refrigerator/refigerator.css

@@ -0,0 +1,26 @@
+@font-face {
+    font-family: "refigerator";
+    font-weight: bold;
+    src: url("refrigerator-deluxe-bold.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: extrabold;
+    src: url("refrigerator-deluxe-extrabold.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: heavy;
+    src: url("refrigerator-deluxe-heavy.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: light;
+    src: url("refrigerator-deluxe-light.otf") format("opentype");
+}
+@font-face {
+    font-family: "refigerator";
+    font-weight: normal;
+    font-style: normal;
+    src: url("refrigerator-deluxe.otf") format("opentype");
+}

app/static/fonts/vera/bitstreamvera.css

@@ -0,0 +1,74 @@
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-Bold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-Bold-Italic-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: oblique;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-Italic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: oblique;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans';
+    src: url('Vera-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-Bold-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-Bold-Italic-webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-Italic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Bitstream Vera Sans Mono';
+    src: url('VeraMono-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+
+
+
+
+
+

app/static/fonts/verdana/verdanapro.css

@@ -0,0 +1,123 @@
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Black.ttf') format('truetype');
+    font-weight: 800;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-BlackItalic.ttf') format('truetype');
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-BoldItalic.ttf') format('truetype');
+    font-weight: bold;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBlack.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 800;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBlackItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 800;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBold.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: bold;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondBoldItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: bold;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondLight.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 300;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondLightItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondRegular.ttf') format('truetype');
+    font-stretch: condensed;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondSemiBold.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 600;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-CondSemiBoldItalic.ttf') format('truetype');
+    font-stretch: condensed;
+    font-weight: 600;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Italic.ttf') format('truetype');
+    font-style: italic;
+    font-weight: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Light.ttf') format('truetype');
+    font-weight: 300;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-LightItalic.ttf') format('truetype');
+    font-weight: 300;
+    font-style: italic;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-Regular.ttf') format('truetype');
+    font-style: normal;
+    font-weight: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-SemiBold.ttf') format('truetype');
+    font-weight: 600;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'VerdanaPro';
+    src: url('VerdanaPro-SemiBoldItalic.ttf') format('truetype');
+    font-weight: 600;
+    font-style: italic;
+}

app/static/style.css

@@ -1,9 +1,21 @@
+@import url('fonts/dinpro/dinpro.css');
 @font-face {
     font-family: "Hellovetica";
     src: url("hellovetica.ttf") format("truetype");
 }
-.dashboard {
+
+@font-face {
     font-family: "Helvetica";
+}
+
+@font-face {
+    font-family: "DINPro";
+    src: url('https://fonts.googleapis.com/css2?family=Noto+Emoji');
+    unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
+}
+
+.dashboard {
+    font-family: "DINPro";
     height: 699px;
     width: 600px;
 text-align: left;