Merge pull request 'Ajouter fonts de base' (#87) from feature/fonts-custom into main

Reviewed-on: #87

public/css/fonts.css

@@ -0,0 +1,168 @@
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-thin.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-thin.woff') format('woff'),
+	     url('../fonts/Poppins/poppins-thin.otf') format('otf');
+    font-weight: 100;
+    font-style: normal;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-thin-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-thin-italic.woff') format('woff'),
+	     url('../fonts/Poppins/poppins-thin-italic.otf') format('otf');
+    font-weight: 100;
+    font-style: italic;
+    }
+
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-extralight.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-extralight.woff') format('woff'),
+	    url('../fonts/Poppins/poppins-extralight.otf') format('otf');
+    font-weight: 200;
+    font-style: normal;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-extralight-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-extralight-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-extralight-italic.otf') format('otf');
+    font-weight: 200;
+    font-style: italic;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-light.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-light.woff') format('woff'),
+         url('../fonts/Poppins/poppins-light.otf') format('otf');
+    font-weight: 300;
+    font-style: normal;
+    }
+
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-light-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-light-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-light-italic.otf') format('otf');
+    font-weight: 300;
+    font-style: italic;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-regular.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-regular.woff') format('woff'),
+         url('../fonts/Poppins/poppins-regular.otf') format('otf');
+    font-weight: 400;
+    font-style: normal;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-regular-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-regular-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-regular-italic.otf') format('otf');
+    font-weight: 400;
+    font-style: italic;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-medium.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-medium.woff') format('woff'),
+         url('../fonts/Poppins/poppins-medium.otf') format('otf');
+    font-weight: 500;
+    font-style: normal;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-medium-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-medium-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-medium-italic.otf') format('otf');
+    font-weight: 500;
+    font-style: italic;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-semibold.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-semibold.woff') format('woff'),
+         url('../fonts/Poppins/poppins-semibold.otf') format('otf');
+    font-weight: 600;
+    font-style: normal;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-semibold-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-semibold-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-semibold-italic.otf') format('otf');
+    font-weight: 600;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-bold.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-bold.woff') format('woff'),
+         url('../fonts/Poppins/poppins-bold.otf') format('otf');
+    font-weight: 700;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-bold-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-bold-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-bold-italic.otf') format('otf');
+    font-weight: 700;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-extrabold.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-extrabold.woff') format('woff'),
+         url('../fonts/Poppins/poppins-extrabold.otf') format('otf');
+    font-weight: 800;
+    font-style: normal;
+
+}
+
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-extrabold-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-extrabold-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-extrabold-italic.otf') format('otf');
+    font-weight: 800;
+    font-style: italic;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-black.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-black.woff') format('woff'),
+         url('../fonts/Poppins/poppins-black.otf') format('otf');
+    font-weight: 900;
+    font-style: normal;
+    }
+
+@font-face {
+    font-family: 'Poppins';
+    src: url('../fonts/Poppins/poppins-black-italic.woff2') format('woff2'),
+         url('../fonts/Poppins/poppins-black-italic.woff') format('woff'),
+         url('../fonts/Poppins/poppins-black-italic.otf') format('otf');
+    font-weight: 900;
+    font-style: italic;
+    }