Fix Font

Fix Font issue - Add .woff .woff2 .eot Fix Background - Add cover Set min-width 800px
sujaykumarh · Oct 26, 2018 · 5e9518d · 5e9518d
1 parent fbe7861
commit 5e9518d
Show file tree

Hide file tree

Showing 46 changed files with 108 additions and 46 deletions.
diff --git a/css/index.css b/css/index.css
@@ -21,6 +21,8 @@ body, head{
    font-weight: 300;
    color: #ffffff;
    cursor: default;
+   min-width: 800px;
+   min-height: 800px;
 }
 
 @keyframes shake{
@@ -176,7 +178,7 @@ body, head{
     height: 100%;
     background-image: linear-gradient(rgba(195, 175, 222, 0.8), rgba(60, 168, 187, 0.55)), url('../images/bg.png');
     background-repeat: no-repeat;
-    background-size: 100%;
+    background-size: cover;
 }
 
 /** LOGIN SECTION **/
@@ -276,7 +278,7 @@ body, head{
     margin: 10px;
     padding: 15px;
     font-size: .8rem;
-    font-family: initial;
+    font-family: 'Lato';
     border-radius: 5px;
     background: #555555;
     color: #ffffff;
@@ -343,7 +345,8 @@ body, head{
 }
 
 #login-username{
-    font-family: 'Bai Jamjuree light', sans-serif;
+    font-family: 'Bai Jamjuree', sans-serif;
+    font-weight: 300;
 }
 
 #login-users button:hover .name{
@@ -430,7 +433,8 @@ body, head{
 }
 
 #clock-time{
-    font-family: 'Bai Jamjuree extraLight', sans-serif;
+    font-family: 'Bai Jamjuree', sans-serif;
+    font-weight: 200;
     font-size: 8rem;
     padding-right: 80px;
 }
diff --git a/fonts/BaiJamjuree-Bold.eot b/fonts/BaiJamjuree-Bold.eot
diff --git a/fonts/BaiJamjuree-Bold.ttf b/fonts/BaiJamjuree-Bold.ttf
diff --git a/fonts/BaiJamjuree-Bold.woff b/fonts/BaiJamjuree-Bold.woff
diff --git a/fonts/BaiJamjuree-Bold.woff2 b/fonts/BaiJamjuree-Bold.woff2
diff --git a/fonts/BaiJamjuree-ExtraLight.eot b/fonts/BaiJamjuree-ExtraLight.eot
diff --git a/fonts/BaiJamjuree-ExtraLight.ttf b/fonts/BaiJamjuree-ExtraLight.ttf
diff --git a/fonts/BaiJamjuree-ExtraLight.woff b/fonts/BaiJamjuree-ExtraLight.woff
diff --git a/fonts/BaiJamjuree-ExtraLight.woff2 b/fonts/BaiJamjuree-ExtraLight.woff2
diff --git a/fonts/BaiJamjuree-Light.eot b/fonts/BaiJamjuree-Light.eot
diff --git a/fonts/BaiJamjuree-Light.ttf b/fonts/BaiJamjuree-Light.ttf
diff --git a/fonts/BaiJamjuree-Light.woff b/fonts/BaiJamjuree-Light.woff
diff --git a/fonts/BaiJamjuree-Light.woff2 b/fonts/BaiJamjuree-Light.woff2
diff --git a/fonts/BaiJamjuree-Medium.eot b/fonts/BaiJamjuree-Medium.eot
diff --git a/fonts/BaiJamjuree-Medium.ttf b/fonts/BaiJamjuree-Medium.ttf
diff --git a/fonts/BaiJamjuree-Medium.woff b/fonts/BaiJamjuree-Medium.woff
diff --git a/fonts/BaiJamjuree-Medium.woff2 b/fonts/BaiJamjuree-Medium.woff2
diff --git a/fonts/BaiJamjuree-Regular.eot b/fonts/BaiJamjuree-Regular.eot
diff --git a/fonts/BaiJamjuree-Regular.ttf b/fonts/BaiJamjuree-Regular.ttf
diff --git a/fonts/BaiJamjuree-Regular.woff b/fonts/BaiJamjuree-Regular.woff
diff --git a/fonts/BaiJamjuree-Regular.woff2 b/fonts/BaiJamjuree-Regular.woff2
diff --git a/fonts/BaiJamjuree-SemiBold.eot b/fonts/BaiJamjuree-SemiBold.eot
diff --git a/fonts/BaiJamjuree-SemiBold.ttf b/fonts/BaiJamjuree-SemiBold.ttf
diff --git a/fonts/BaiJamjuree-SemiBold.woff b/fonts/BaiJamjuree-SemiBold.woff
diff --git a/fonts/BaiJamjuree-SemiBold.woff2 b/fonts/BaiJamjuree-SemiBold.woff2
diff --git a/fonts/Lato-Black.eot b/fonts/Lato-Black.eot
diff --git a/fonts/Lato-Black.ttf b/fonts/Lato-Black.ttf
diff --git a/fonts/Lato-Black.woff b/fonts/Lato-Black.woff
diff --git a/fonts/Lato-Black.woff2 b/fonts/Lato-Black.woff2
diff --git a/fonts/Lato-Bold.eot b/fonts/Lato-Bold.eot
diff --git a/fonts/Lato-Bold.ttf b/fonts/Lato-Bold.ttf
diff --git a/fonts/Lato-Bold.woff b/fonts/Lato-Bold.woff
diff --git a/fonts/Lato-Bold.woff2 b/fonts/Lato-Bold.woff2
diff --git a/fonts/Lato-Hairline.eot b/fonts/Lato-Hairline.eot
diff --git a/fonts/Lato-Hairline.ttf b/fonts/Lato-Hairline.ttf
diff --git a/fonts/Lato-Hairline.woff b/fonts/Lato-Hairline.woff
diff --git a/fonts/Lato-Hairline.woff2 b/fonts/Lato-Hairline.woff2
diff --git a/fonts/Lato-Light.eot b/fonts/Lato-Light.eot
diff --git a/fonts/Lato-Light.ttf b/fonts/Lato-Light.ttf
diff --git a/fonts/Lato-Light.woff b/fonts/Lato-Light.woff
diff --git a/fonts/Lato-Light.woff2 b/fonts/Lato-Light.woff2
diff --git a/fonts/Lato-Regular.eot b/fonts/Lato-Regular.eot
diff --git a/fonts/Lato-Regular.ttf b/fonts/Lato-Regular.ttf
diff --git a/fonts/Lato-Regular.woff b/fonts/Lato-Regular.woff
diff --git a/fonts/Lato-Regular.woff2 b/fonts/Lato-Regular.woff2
diff --git a/fonts/fonts.css b/fonts/fonts.css
@@ -1,76 +1,134 @@
 @import url('font-awesome/all.css');
 
-@font-face{
-    font-family: 'Bai Jamjuree', sans-serif;
-    src: ('BaiJamjuree-Regular.ttf');
+@font-face {
+    font-family: 'Lato';
+    src: url('Lato-Regular.eot');
+    src: local('Lato Regular'), local('Lato-Regular'),
+        url('Lato-Regular.eot?#iefix') format('embedded-opentype'),
+        url('Lato-Regular.woff2') format('woff2'),
+        url('Lato-Regular.woff') format('woff'),
+        url('Lato-Regular.ttf') format('truetype');
+    font-weight: normal;
     font-style: normal;
 }
 
-@font-face{
-    font-family: 'Bai Jamjuree extraLight', sans-serif;
-    src: ('BaiJamjuree-ExtraLight.ttf');
+@font-face {
+    font-family: 'Bai Jamjuree';
+    src: url('BaiJamjuree-Bold.eot');
+    src: local('Bai Jamjuree Bold'), local('BaiJamjuree-Bold'),
+        url('BaiJamjuree-Bold.eot?#iefix') format('embedded-opentype'),
+        url('BaiJamjuree-Bold.woff2') format('woff2'),
+        url('BaiJamjuree-Bold.woff') format('woff'),
+        url('BaiJamjuree-Bold.ttf') format('truetype');
+    font-weight: bold;
     font-style: normal;
-    font-weight: lighter;
 }
 
-@font-face{
-    font-family: 'Bai Jamjuree light', sans-serif;
-    src: ('BaiJamjuree-Light.ttf');
+@font-face {
+    font-family: 'Lato';
+    src: url('Lato-Black.eot');
+    src: local('Lato Black'), local('Lato-Black'),
+        url('Lato-Black.eot?#iefix') format('embedded-opentype'),
+        url('Lato-Black.woff2') format('woff2'),
+        url('Lato-Black.woff') format('woff'),
+        url('Lato-Black.ttf') format('truetype');
+    font-weight: 900;
     font-style: normal;
-    font-weight: 300;
 }
 
-@font-face{
-    font-family: 'Bai Jamjuree medium', sans-serif;
-    src: ('BaiJamjuree-Medium.ttf');
+@font-face {
+    font-family: 'Bai Jamjuree';
+    src: url('BaiJamjuree-Light.eot');
+    src: local('Bai Jamjuree Light'), local('BaiJamjuree-Light'),
+        url('BaiJamjuree-Light.eot?#iefix') format('embedded-opentype'),
+        url('BaiJamjuree-Light.woff2') format('woff2'),
+        url('BaiJamjuree-Light.woff') format('woff'),
+        url('BaiJamjuree-Light.ttf') format('truetype');
+    font-weight: 300;
     font-style: normal;
-    font-weight: 500;
 }
 
-@font-face{
-    font-family: 'Bai Jamjuree semiBold', sans-serif;
-    src: ('BaiJamjuree-SemiBold.ttf');
+@font-face {
+    font-family: 'Lato';
+    src: url('Lato-Bold.eot');
+    src: local('Lato Bold'), local('Lato-Bold'),
+        url('Lato-Bold.eot?#iefix') format('embedded-opentype'),
+        url('Lato-Bold.woff2') format('woff2'),
+        url('Lato-Bold.woff') format('woff'),
+        url('Lato-Bold.ttf') format('truetype');
+    font-weight: bold;
     font-style: normal;
-    font-weight: 600;
 }
 
-@font-face{
-    font-family: 'Bai Jamjuree', sans-serif;
-    src: ('BaiJamjuree-Bold.ttf');
+@font-face {
+    font-family: 'Bai Jamjuree';
+    src: url('BaiJamjuree-SemiBold.eot');
+    src: local('Bai Jamjuree SemiBold'), local('BaiJamjuree-SemiBold'),
+        url('BaiJamjuree-SemiBold.eot?#iefix') format('embedded-opentype'),
+        url('BaiJamjuree-SemiBold.woff2') format('woff2'),
+        url('BaiJamjuree-SemiBold.woff') format('woff'),
+        url('BaiJamjuree-SemiBold.ttf') format('truetype');
+    font-weight: 600;
     font-style: normal;
-    font-weight: bold;
 }
 
-@font-face{
+@font-face {
     font-family: 'Lato';
+    src: url('Lato-Light.eot');
+    src: local('Lato-Light'),
+        url('Lato-Light.eot?#iefix') format('embedded-opentype'),
+        url('Lato-Light.woff2') format('woff2'),
+        url('Lato-Light.woff') format('woff'),
+        url('Lato-Light.ttf') format('truetype');
+    font-weight: 300;
     font-style: normal;
-    font-weight: 100;
-    src: ('Lato-Hairline.ttf');
 }
 
-@font-face{
-    font-family: 'Lato';
+@font-face {
+    font-family: 'Bai Jamjuree';
+    src: url('BaiJamjuree-Regular.eot');
+    src: local('Bai Jamjuree Regular'), local('BaiJamjuree-Regular'),
+        url('BaiJamjuree-Regular.eot?#iefix') format('embedded-opentype'),
+        url('BaiJamjuree-Regular.woff2') format('woff2'),
+        url('BaiJamjuree-Regular.woff') format('woff'),
+        url('BaiJamjuree-Regular.ttf') format('truetype');
+    font-weight: normal;
     font-style: normal;
-    font-weight: 300;
-    src: ('Lato-Light.ttf');
 }
 
-@font-face{
-    font-family: 'Lato';
+@font-face {
+    font-family: 'Bai Jamjuree';
+    src: url('BaiJamjuree-Medium.eot');
+    src: local('Bai Jamjuree Medium'), local('BaiJamjuree-Medium'),
+        url('BaiJamjuree-Medium.eot?#iefix') format('embedded-opentype'),
+        url('BaiJamjuree-Medium.woff2') format('woff2'),
+        url('BaiJamjuree-Medium.woff') format('woff'),
+        url('BaiJamjuree-Medium.ttf') format('truetype');
+    font-weight: 500;
     font-style: normal;
-    src: ('Lato-Regular.ttf');
 }
 
-@font-face{
-    font-family: 'Lato';
+@font-face {
+    font-family: 'Lato Hairline';
+    src: url('Lato-Hairline.eot');
+    src: local('Lato-Hairline'),
+        url('Lato-Hairline.eot?#iefix') format('embedded-opentype'),
+        url('Lato-Hairline.woff2') format('woff2'),
+        url('Lato-Hairline.woff') format('woff'),
+        url('Lato-Hairline.ttf') format('truetype');
+    font-weight: 300;
     font-style: normal;
-    font-weight: bold;
-    src: ('Lato-Bold.ttf');
 }
 
-@font-face{
-    font-family: 'Lato';
+@font-face {
+    font-family: 'Bai Jamjuree';
+    src: url('BaiJamjuree-ExtraLight.eot');
+    src: local('Bai Jamjuree ExtraLight'), local('BaiJamjuree-ExtraLight'),
+        url('BaiJamjuree-ExtraLight.eot?#iefix') format('embedded-opentype'),
+        url('BaiJamjuree-ExtraLight.woff2') format('woff2'),
+        url('BaiJamjuree-ExtraLight.woff') format('woff'),
+        url('BaiJamjuree-ExtraLight.ttf') format('truetype');
+    font-weight: 200;
     font-style: normal;
-    font-weight: 900;
-    src: ('Lato-Black.ttf');
-}
+}
+