Настроила tailwind.config, размеры шрифтов

src/App.vue

@@ -17,7 +17,6 @@
 
 <style lang="sass">
   #app
-    font-family: Raleway, sans-serif
     font-feature-settings: 'pnum' on, 'lnum' on
     -webkit-font-smoothing: antialiased
     -moz-osx-font-smoothing: grayscale

src/assets/css/iconfonts.sass

@@ -0,0 +1,149 @@
+@font-face
+  font-family: 'icomoon'
+  src:  url('../fonts/icomoon.eot?d07d1g')
+  src:  url('../fonts/icomoon.eot?d07d1g#iefix') format('embedded-opentype'),
+    url('../fonts/icomoon.ttf?d07d1g') format('truetype'),
+    url('../fonts/icomoon.woff?d07d1g') format('woff'),
+    url('../fonts/icomoon.svg?d07d1g#icomoon') format('svg')
+  font-weight: normal
+  font-style: normal
+  font-display: block
+
+[class^="icon-"]::before, [class*=" icon-"]::before 
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important
+  speak: never
+  font-style: normal
+  font-weight: normal
+  font-variant: normal
+  text-transform: none
+  line-height: 1
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+
+.icon-settings:before
+  content: "\e925"
+
+.icon-home:before 
+  content: "\e926"
+
+.icon-calendar-2:before 
+  content: "\e927"
+
+.icon-person-2:before 
+  content: "\e928"
+
+.icon-basket:before 
+  content: "\e900"
+
+.icon-bell:before 
+  content: "\e901"
+
+.icon-calendar:before 
+  content: "\e902"
+
+.icon-cancel:before 
+  content: "\e903"
+
+.icon-cancel-mini:before 
+  content: "\e904"
+
+.icon-change-place:before 
+  content: "\e905"
+
+.icon-close-eye:before 
+  content: "\e906"
+
+.icon-copy:before 
+  content: "\e907"
+
+.icon-discord:before 
+  content: "\e908"
+
+.icon-doc-ok:before 
+  content: "\e909"
+
+.icon-dots:before 
+  content: "\e90a"
+
+.icon-down-arrow:before 
+  content: "\e90b"
+
+.icon-edit:before 
+  content: "\e90c"
+
+.icon-export:before 
+  content: "\e90d"
+
+.icon-eye:before {
+  content: "\e90e"
+
+.icon-files:before 
+  content: "\e90f"
+
+.icon-filtre:before 
+  content: "\e910"
+
+.icon-google:before 
+  content: "\e911"
+
+.icon-group:before 
+  content: "\e912"
+
+.icon-long-arrow:before 
+  content: "\e913"
+
+.icon-mail:before 
+  content: "\e914"
+
+.icon-ok:before 
+  content: "\e915"
+
+.icon-person:before 
+  content: "\e916"
+
+.icon-phone:before 
+  content: "\e917"
+
+.icon-plus:before 
+  content: "\e918"
+
+.icon-search:before 
+  content: "\e919"
+
+.icon-slack:before 
+  content: "\e91a"
+
+.icon-sort-number:before 
+  content: "\e91b"
+
+.icon-sort-word:before 
+  content: "\e91c"
+
+.icon-star:before 
+  content: "\e91d"
+
+.icon-star-black:before 
+  content: "\e91e"
+}
+.icon-table:before 
+  content: "\e91f"
+
+.icon-telegram:before 
+  content: "\e920"
+
+.icon-time:before 
+  content: "\e921"
+
+.icon-up-tag:before 
+  content: "\e922"
+
+.icon-user-data:before 
+  content: "\e923"
+
+.icon-vk:before {
+  content: "\e924";
+}

src/assets/css/variables.css

@@ -1,10 +0,0 @@
-:root {
-	--bg-lavender-color: #E9E9F6;
-	--bg-white-color: #F8F8FF;
-	--bg-ligth-blue-color: #E6EAFC;
-	--font-dark-blue-color: #252850;
-	--font-black-color: #090A15;
-	--btn-blue-color: #4772F2;
-	--font-grey-color: #9294A7;
-	--border-light-grey-color: #9294A7;
-}

src/assets/sass/styles.sass

@@ -1 +0,0 @@
-@import "./fonts.sass"

src/assets/sass/variables.sass

@@ -0,0 +1,9 @@
+:root
+	--bg-lavender-color: #E9E9F6
+	--bg-white-color: #F8F8FF
+	--bg-ligth-blue-color: #E6EAFC
+	--font-dark-blue-color: #252850
+	--font-black-color: #090A15
+	--btn-blue-color: #4772F2
+	--font-grey-color: #9294A7
+	--border-light-grey-color: #9294A7

src/components/HeaderInputs.vue

@@ -9,7 +9,7 @@
         .options(v-for="filter in filters" :key="filter" @click="selectFilter(filter)")
           .icon-wrapper
             .icon-ok.ok(v-if="filter === selectedFilter")
-          .options-text {{ filter }}
+          .options-text.text-lg {{ filter }}
     input.inputs.search-input(placeholder="Искать ...")
 </template>
 
@@ -77,7 +77,6 @@
     color: var(--btn-blue-color)
     height: 100%
     box-sizing: border-box
-    font-family: Raleway
     font-style: normal
     font-weight: 500
     font-size: 16px

src/main.js

@@ -1,8 +1,9 @@
 import { createApp } from 'vue'
 import App from './App.vue'
 import router from "./router";
+import './assets/sass/fonts.sass'
 import './assets/sass/tailwind.sass'
+import './assets/sass/variables.sass'
 import './assets/css/iconfonts.css'
-import './assets/css/variables.css'
 
 createApp(App).use(router).mount('#app')