Skip to content

Commit 4ff18fd

Browse files
authored
Add Inter font used by Figma designs (#5535)
* Add ABC ROM fonts from Comfy.org * Import ABC ROM fonts CSS in main.ts * Move font import to style.css * Add ABC ROM fonts as CSS variables in @theme * Add Inter font .woff2 files * Replace ABC ROM with Inter font declarations * Update CSS variables to use Inter font * Remove unused ABC ROM font files * Autoformat style.css * Remove redundant font declarations
1 parent 45a46be commit 4ff18fd

File tree

4 files changed

+24
-3
lines changed

4 files changed

+24
-3
lines changed
77.8 KB
Binary file not shown.
71.2 KB
Binary file not shown.

src/assets/css/fonts.css

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
/* Inter Font Family */
2+
3+
@font-face {
4+
font-family: 'Inter';
5+
src: url('/fonts/inter-latin-normal.woff2') format('woff2');
6+
font-weight: 100 900;
7+
font-style: normal;
8+
font-display: swap;
9+
}
10+
11+
@font-face {
12+
font-family: 'Inter';
13+
src: url('/fonts/inter-latin-italic.woff2') format('woff2');
14+
font-weight: 100 900;
15+
font-style: italic;
16+
font-display: swap;
17+
}

src/assets/css/style.css

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
@layer theme, base, primevue, components, utilities;
22

3+
@import './fonts.css';
34
@import 'tailwindcss/theme' layer(theme);
45
@import 'tailwindcss/utilities' layer(utilities);
56
@import 'tw-animate-css';
@@ -52,6 +53,9 @@
5253
--text-xxs: 0.625rem;
5354
--text-xxs--line-height: calc(1 / 0.625);
5455

56+
/* Font Families */
57+
--font-inter: 'Inter', sans-serif;
58+
5559
/* Palette Colors */
5660
--color-charcoal-100: #171718;
5761
--color-charcoal-200: #202121;
@@ -102,8 +106,8 @@
102106
--color-bypass: #6A246A;
103107
--color-error: #962a2a;
104108

105-
--color-blue-selection: rgb( from var(--color-blue-100) r g b / 0.3);
106-
--color-node-hover-100: rgb( from var(--color-charcoal-800) r g b/ 0.15);
109+
--color-blue-selection: rgb(from var(--color-blue-100) r g b / 0.3);
110+
--color-node-hover-100: rgb(from var(--color-charcoal-800) r g b/ 0.15);
107111
--color-node-hover-200: rgb(from var(--color-charcoal-800) r g b/ 0.1);
108112
--color-modal-tag: rgb(from var(--color-gray-400) r g b/ 0.4);
109113

@@ -132,7 +136,7 @@
132136

133137
@utility scrollbar-hide {
134138
scrollbar-width: none;
135-
&::-webkit-scrollbar {
139+
&::-webkit-scrollbar {
136140
width: 1px;
137141
}
138142
&::-webkit-scrollbar-thumb {

0 commit comments

Comments
 (0)