fix: icon fonts

appwrite · Sep 28, 2023 · a843410 · a843410
1 parent a927ffb
commit a843410
Show file tree

Hide file tree

Showing 15 changed files with 4 additions and 2 deletions.
diff --git a/src/app.html b/src/app.html
@@ -4,7 +4,6 @@
 <head>
 	<meta charset="utf-8" />
 	<link rel="icon" type="image/svg+xml" href="/images/logos/logo.svg" />
-	<link rel="stylesheet" href="/icon-font/aw-icon.css" />
 	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 	<meta name="twitter:site" content="@appwrite" />
 	%sveltekit.head%

diff --git a/static/icon-font/_variables.scss → src/icons/output/_variables.scss b/static/icon-font/_variables.scss → src/icons/output/_variables.scss
diff --git a/static/icon-font/aw-icon.css → src/icons/output/aw-icon.css b/static/icon-font/aw-icon.css → src/icons/output/aw-icon.css
diff --git a/static/icon-font/aw-icon.eot → src/icons/output/aw-icon.eot b/static/icon-font/aw-icon.eot → src/icons/output/aw-icon.eot
diff --git a/static/icon-font/aw-icon.scss → src/icons/output/aw-icon.scss b/static/icon-font/aw-icon.scss → src/icons/output/aw-icon.scss
diff --git a/static/icon-font/aw-icon.svg → src/icons/output/aw-icon.svg b/static/icon-font/aw-icon.svg → src/icons/output/aw-icon.svg
diff --git a/static/icon-font/aw-icon.symbol.svg → src/icons/output/aw-icon.symbol.svg b/static/icon-font/aw-icon.symbol.svg → src/icons/output/aw-icon.symbol.svg
diff --git a/static/icon-font/aw-icon.ttf → src/icons/output/aw-icon.ttf b/static/icon-font/aw-icon.ttf → src/icons/output/aw-icon.ttf
diff --git a/static/icon-font/aw-icon.woff → src/icons/output/aw-icon.woff b/static/icon-font/aw-icon.woff → src/icons/output/aw-icon.woff
diff --git a/src/icons/output/aw-icon.woff2 b/src/icons/output/aw-icon.woff2
diff --git a/static/icon-font/info.json → src/icons/output/info.json b/static/icon-font/info.json → src/icons/output/info.json
diff --git a/src/icons/scripts.js b/src/icons/scripts.js
@@ -2,12 +2,13 @@ import svgtofont from 'svgtofont';
 import { resolve } from 'path';
 
 const src = resolve(process.cwd(), 'src/icons/svg');
+const dist = resolve(process.cwd(), 'src/icons/output');
 
 export const generateIcons = async () => {
 	await svgtofont({
 		classNamePrefix: 'aw-icon',
 		src: src,
-		dist: resolve(process.cwd(), 'static/icon-font'),
+		dist: dist,
 		fontName: 'aw-icon',
 		styleTemplates: resolve(process.cwd(), 'src/icons/templates'),
 		css: {

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -38,6 +38,7 @@
 </script>
 
 <script lang="ts">
+	import '$icons/output/aw-icon.css';
 	import '@fontsource/inter/100.css';
 	import '@fontsource/inter/200.css';
 	import '@fontsource/inter/300.css';

diff --git a/static/icon-font/aw-icon.woff2 b/static/icon-font/aw-icon.woff2
diff --git a/svelte.config.js b/svelte.config.js
@@ -51,6 +51,7 @@ const config = {
 		alias: {
 			$routes: './src/routes',
 			$scss: './src/scss',
+			$icons: './src/icons',
 			$appwrite: './node_modules/@appwrite.io/repo',
 			$markdoc: './src/markdoc'
 		}