Merge pull request #65 from Hidden-Warden/64-bug-font-isnt-working

🐛 Correctif sur les fonts

Author: Ahhj93

static/css/fonts.css

@@ -1,125 +1,161 @@
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-Thin.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Thin'),
+		url('/fonts/Poppins-Thin.ttf');
 	font-weight: 100;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-ThinItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Thin Italic'),
+		url('/fonts/Poppins-ThinItalic.ttf');
 	font-weight: 100;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-ExtraLight.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins ExtraLight'),
+		url('/fonts/Poppins-ExtraLight.ttf');
 	font-weight: 200;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-ExtraLightItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins ExtraLight Italic'),
+		url('/fonts/Poppins-ExtraLightItalic.ttf');
 	font-weight: 200;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-Light.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Light'),
+		url('/fonts/Poppins-Light.ttf');
 	font-weight: 300;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-LightItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Light Italic'),
+		url('/fonts/Poppins-LightItalic.ttf');
 	font-weight: 300;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-Regular.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Regular'),
+		url('/fonts/Poppins-Regular.ttf');
 	font-weight: 400;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-Italic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Italic'),
+		url('/fonts/Poppins-Italic.ttf');
 	font-weight: 400;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-Medium.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Medium'),
+		url('/fonts/Poppins-Medium.ttf');
 	font-weight: 500;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-MediumItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Medium Italic'),
+		url('/fonts/Poppins-MediumItalic.ttf');
 	font-weight: 500;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-SemiBold.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins SemiBold'),
+		url('/fonts/Poppins-SemiBold.ttf');
 	font-weight: 600;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-SemiBoldItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins SemiBold Italic'),
+		url('/fonts/Poppins-SemiBoldItalic.ttf');
 	font-weight: 600;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-Bold.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Bold'),
+		url('/fonts/Poppins-Bold.ttf');
 	font-weight: 700;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-BoldItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Bold Italic'),
+		url('/fonts/Poppins-BoldItalic.ttf');
 	font-weight: 700;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-ExtraBold.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins ExtraBold'),
+		url('/fonts/Poppins-ExtraBold.ttf');
 	font-weight: 800;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-ExtraBoldItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins ExtraBold Italic'),
+		url('/fonts/Poppins-ExtraBoldItalic.ttf');
 	font-weight: 800;
 	font-style: italic;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-Black.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Black'),
+		url('/fonts/Poppins-Black.ttf');
 	font-weight: 900;
 	font-style: normal;
 }
 
 @font-face {
-	font-family: "Poppins";
-	src: url(fonts/Poppins-BlackItalic.ttf);
+	font-family: 'Poppins';
+	src:
+		local('Poppins Black Italic'),
+		url('/fonts/Poppins-BlackItalic.ttf');
 	font-weight: 900;
 	font-style: italic;
 }