[TECH] Import et utilisation des polices Google Fonts dans le projet

1024pix · Jun 30, 2022 · 4b9384b · 4b9384b
2 parents 19ee2a1 + a673fc9
commit 4b9384b
Show file tree

Hide file tree

Showing 10 changed files with 46 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -19,6 +19,9 @@
 /testem.log
 /yarn-error.log
 
+# system
+.DS_Store
+
 # ember-try
 /.node_modules.ember-try/
 /bower.json.ember-try
@@ -32,4 +35,4 @@
 !.idea/runConfigurations/*.xml
 *.iml
 *.code-workspace
-.history
+.history
diff --git a/.storybook/fonts.css b/.storybook/fonts.css
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -1,5 +1,3 @@
-import './fonts.css';
-
 export const parameters = {
   a11y: {
     element: '#root',

diff --git a/addon/styles/_fonts.scss b/addon/styles/_fonts.scss
@@ -1,3 +1,45 @@
+@font-face {
+  font-family: "Open Sans";
+  src: url("../@1024pix/pix-ui/fonts/OpenSans/OpenSans-Regular.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("../@1024pix/pix-ui/fonts/OpenSans/OpenSans-SemiBold.ttf");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("../@1024pix/pix-ui/fonts/OpenSans/OpenSans-Light.ttf");
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../@1024pix/pix-ui/fonts/Roboto/Roboto-Regular.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../@1024pix/pix-ui/fonts/Roboto/Roboto-Medium.ttf");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("../@1024pix/pix-ui/fonts/Roboto/Roboto-Light.ttf");
+  font-weight: 300;
+  font-style: normal;
+}
+
 $font-open-sans: 'Open Sans', Arial, sans-serif;
 $font-roboto: 'Roboto', Arial, sans-serif;
 

diff --git a/public/fonts/OpenSans/OpenSans-Light.ttf b/public/fonts/OpenSans/OpenSans-Light.ttf
diff --git a/public/fonts/OpenSans/OpenSans-Regular.ttf b/public/fonts/OpenSans/OpenSans-Regular.ttf
diff --git a/public/fonts/OpenSans/OpenSans-SemiBold.ttf b/public/fonts/OpenSans/OpenSans-SemiBold.ttf
diff --git a/public/fonts/Roboto/Roboto-Light.ttf b/public/fonts/Roboto/Roboto-Light.ttf
diff --git a/public/fonts/Roboto/Roboto-Medium.ttf b/public/fonts/Roboto/Roboto-Medium.ttf
diff --git a/public/fonts/Roboto/Roboto-Regular.ttf b/public/fonts/Roboto/Roboto-Regular.ttf