add fonts

causy-dev · May 3, 2024 · 582b2fc · 582b2fc
1 parent 306ac0b
commit 582b2fc
Show file tree

Hide file tree

Showing 10 changed files with 41 additions and 6 deletions.
diff --git a/src/assets/fonts.css b/src/assets/fonts.css
@@ -0,0 +1,29 @@
+@font-face {
+  font-family: 'Nunito';
+  font-style: normal;
+  font-weight: 200 1000;
+  font-display: swap;
+  src: url(./fonts/Nunito-VariableFont_wght.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Nunito';
+  font-style: italic;
+  font-weight: 200 1000;
+  font-display: swap;
+  src: url(./fonts/Nunito-Italic-VariableFont_wght.ttf) format('truetype');
+}
+
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 200 1000;
+  font-display: swap;
+  src: url(./fonts/OpenSans-VariableFont_wdth,wght.ttf) format('truetype');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 200 1000;
+  font-display: swap;
+  src: url(./fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf) format('truetype');
+}
diff --git a/src/assets/fonts/Nunito-Italic-VariableFont_wght.ttf b/src/assets/fonts/Nunito-Italic-VariableFont_wght.ttf
diff --git a/src/assets/fonts/Nunito-Italic-VariableFont_wght.woff2 b/src/assets/fonts/Nunito-Italic-VariableFont_wght.woff2
diff --git a/src/assets/fonts/Nunito-VariableFont_wght.ttf b/src/assets/fonts/Nunito-VariableFont_wght.ttf
diff --git a/src/assets/fonts/Nunito-VariableFont_wght.woff2 b/src/assets/fonts/Nunito-VariableFont_wght.woff2
diff --git a/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf b/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf
diff --git a/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2 b/src/assets/fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2
diff --git a/src/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf b/src/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf
diff --git a/src/assets/fonts/OpenSans-VariableFont_wdth,wght.woff2 b/src/assets/fonts/OpenSans-VariableFont_wdth,wght.woff2
diff --git a/src/components/tag/Tag.vue b/src/components/tag/Tag.vue
@@ -30,29 +30,34 @@ const props = defineProps({
 
 <style scoped>
 @import url('../../assets/generated/variables.css');
+@import url('../../assets/fonts.css');
 
 .tag {
   display: inline-flex;
   align-items: center;
-  padding: 0.5em 1em;
+  padding: 0.15em 0.3rem;
   border-radius: 0.25em;
   box-sizing: border-box;
-  border: 2px solid;
+  border: 0.2em solid;
+  font-family: "nunito", sans-serif;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
 }
 
 .tag--s {
   font-size: 0.75em;
-  padding: 0.2em 0.5em;
+  padding: 0.05em 0.1em;
 }
 
 .tag--m {
   font-size: 1em;
-  padding: 0.25em 0.5rem;
+  padding: 0.15em 0.3rem;
 }
 
 .tag--l {
   font-size: 1.25em;
-  padding: 0.5em 0.75em;
+  padding: 0.25em 0.5em;
 }
 
 
@@ -61,7 +66,7 @@ const props = defineProps({
 }
 
 .tag--high {
-  font-weight: bold;
+  font-weight: 800;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
 }
 
@@ -92,6 +97,7 @@ const props = defineProps({
 .tag--info {
   background-color: var(--colorInformative5);
   border-color: var(--colorInformative5);
+  color: var(--colorNeutralLight5);
 }
 
 .tag--neutralLight {