Use fonts in assets folder

Changed files (1)

• modified src/styles.css

Diff

diff --git a/src/styles.css b/src/styles.cssindex 00738fe..baf7de5 100644--- a/src/styles.css+++ b/src/styles.css@@ -1,5 +1,44 @@+@font-face {+  font-family: "Inter";+  font-style: normal;+  font-weight: 100 900;+  font-display: swap;+  src: url("./assets/fonts/inter-latin-ext.woff2") format("woff2");+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;+}++@font-face {+  font-family: "Inter";+  font-style: normal;+  font-weight: 100 900;+  font-display: swap;+  src: url("./assets/fonts/inter-latin.woff2") format("woff2");+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;+}++@font-face {+  font-family: "JetBrains Mono";+  font-style: normal;+  font-weight: 100 800;+  font-display: swap;+  src: url("./assets/fonts/jetbrains-mono-latin-ext.woff2") format("woff2");+  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;+}++@font-face {+  font-family: "JetBrains Mono";+  font-style: normal;+  font-weight: 100 800;+  font-display: swap;+  src: url("./assets/fonts/jetbrains-mono-latin.woff2") format("woff2");+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;+}+ :root {-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;+  font-family: "Inter", sans-serif;+  line-height: 1.5;+  -webkit-text-size-adjust: 100%;+  text-size-adjust: 100%;   color: #1f2937;   background: #f5f7fa;   font-synthesis: none;@@ -217,6 +256,9 @@ button {   box-sizing: border-box;   border-radius: 7px;   font: inherit;+  line-height: 1.25;+  -webkit-appearance: none;+  appearance: none; }  input,@@ -241,7 +283,7 @@ textarea { textarea {   min-height: 160px;   resize: vertical;-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;+  font-family: "JetBrains Mono", monospace;   line-height: 1.5; } @@ -401,7 +443,7 @@ button:focus-visible { .request-url {   margin: 8px 0 0;   color: #64748b;-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;+  font-family: "JetBrains Mono", monospace;   font-size: 0.875rem;   overflow-wrap: anywhere; }@@ -443,7 +485,7 @@ button:focus-visible {   background: #ffffff;   border: 1px solid #cbd5e1;   border-radius: 7px;-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;+  font-family: "JetBrains Mono", monospace;   font-size: 0.875rem;   line-height: 1.5;   white-space: pre-wrap;