Skip to content

Commit 03dd5f0

Browse files
TorstenDittmannTorstenDittmann
authored
Merge pull request #126 from appwrite/fix-improve-css-waterfall
fix: css waterfall
2 parents d9f5f8f + 065b05d commit 03dd5f0

13 files changed

Lines changed: 68 additions & 11 deletions

‎src/app.html‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,17 @@
33

44
<head>
55
<meta charset="utf-8" />
6-
<link rel="icon" type="image/svg+xml" href="/images/logos/logo.svg" />
76
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
87
<meta name="twitter:site" content="@appwrite" />
8+
<link rel="icon" type="image/svg+xml" href="/images/logos/logo.svg" />
9+
<!-- preload font for headlines -->
10+
<link
11+
rel="preload"
12+
href="/fonts/aeonik-pro/AeonikPro-Regular.woff2"
13+
as="font"
14+
type="font/woff2"
15+
crossorigin />
16+
917
%sveltekit.head%
1018
</head>
1119

‎src/routes/+layout.svelte‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -39,16 +39,8 @@
3939

4040
<script lang="ts">
4141
import '$icons/output/aw-icon.css';
42-
import '@fontsource/inter/100.css';
43-
import '@fontsource/inter/200.css';
44-
import '@fontsource/inter/300.css';
45-
import '@fontsource/inter/400.css';
46-
import '@fontsource/inter/500.css';
47-
import '@fontsource/inter/600.css';
48-
import '@fontsource/inter/700.css';
49-
import '@fontsource/inter/800.css';
50-
import '@fontsource/inter/900.css';
5142
import '$scss/index.scss';
43+
5244
import { browser, dev } from '$app/environment';
5345
import { writable } from 'svelte/store';
5446
import { navigating, page } from '$app/stores';

‎src/scss/3-fonts/_index.scss‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
@forward "aeonik-pro";
2-
@forward "aeonik-fono";
2+
@forward "aeonik-fono";
3+
@forward "inter";

‎src/scss/3-fonts/_inter.scss‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
@use '../abstract' as *;
2+
3+
@font-face {
4+
font-family: 'Inter';
5+
font-style: normal;
6+
font-weight: 100;
7+
src: url('/fonts/inter/inter-latin-100-normal.woff2') format('woff2');
8+
}
9+
@font-face {
10+
font-family: 'Inter';
11+
font-style: normal;
12+
font-weight: 200;
13+
src: url('/fonts/inter/inter-latin-200-normal.woff2') format('woff2');
14+
}
15+
@font-face {
16+
font-family: 'Inter';
17+
font-style: normal;
18+
font-weight: 300;
19+
src: url('/fonts/inter/inter-latin-300-normal.woff2') format('woff2');
20+
}
21+
@font-face {
22+
font-family: 'Inter';
23+
font-style: normal;
24+
font-weight: 400;
25+
src: url('/fonts/inter/inter-latin-400-normal.woff2') format('woff2');
26+
}
27+
@font-face {
28+
font-family: 'Inter';
29+
font-style: normal;
30+
font-weight: 500;
31+
src: url('/fonts/inter/inter-latin-500-normal.woff2') format('woff2');
32+
}
33+
@font-face {
34+
font-family: 'Inter';
35+
font-style: normal;
36+
font-weight: 600;
37+
src: url('/fonts/inter/inter-latin-600-normal.woff2') format('woff2');
38+
}
39+
@font-face {
40+
font-family: 'Inter';
41+
font-style: normal;
42+
font-weight: 700;
43+
src: url('/fonts/inter/inter-latin-700-normal.woff2') format('woff2');
44+
}
45+
@font-face {
46+
font-family: 'Inter';
47+
font-style: normal;
48+
font-weight: 800;
49+
src: url('/fonts/inter/inter-latin-800-normal.woff2') format('woff2');
50+
}
51+
@font-face {
52+
font-family: 'Inter';
53+
font-style: normal;
54+
font-weight: 900;
55+
src: url('/fonts/inter/inter-latin-900-normal.woff2') format('woff2');
56+
}

‎static/fonts/inter/inter-latin-100-normal.woff2‎

16.2 KB
Binary file not shown.

‎static/fonts/inter/inter-latin-200-normal.woff2‎

16.9 KB
Binary file not shown.

‎static/fonts/inter/inter-latin-300-normal.woff2‎

16.9 KB
Binary file not shown.

‎static/fonts/inter/inter-latin-400-normal.woff2‎

16.3 KB
Binary file not shown.

‎static/fonts/inter/inter-latin-500-normal.woff2‎

17.1 KB
Binary file not shown.

‎static/fonts/inter/inter-latin-600-normal.woff2‎

17.2 KB
Binary file not shown.

0 commit comments

Comments
 (0)