diff --git a/.gitmodules b/.gitmodules
index 9d73c65..ebbd734 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +1,9 @@
 [submodule "poki-pi-tomo-sitelen"]
 	path = poki-pi-tomo-sitelen
 	url = https://github.com/pona-la/poki-pi-tomo-sitelen-pona.git
+[submodule "src/lib/--force"]
+	path = src/lib/--force
+	url = https://github.com/beenotung/compress-json.git
+[submodule "src/lib/compress-json"]
+	path = src/lib/compress-json
+	url = https://github.com/beenotung/compress-json.git
diff --git a/package-lock.json b/package-lock.json
index df0f96d..cc240b5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
 			"name": "tomo-sitelen-web",
 			"version": "0.0.1",
 			"dependencies": {
+				"compress-json": "^3.0.3",
 				"svelte-tiny-virtual-list": "^2.0.5"
 			},
 			"devDependencies": {
@@ -1572,6 +1573,11 @@
 				"node": ">= 6"
 			}
 		},
+		"node_modules/compress-json": {
+			"version": "3.0.3",
+			"resolved": "https://registry.npmjs.org/compress-json/-/compress-json-3.0.3.tgz",
+			"integrity": "sha512-O7iS9kq39q83h79q0GwuJVEd5g+dPDU7bca/834bMlOIVO5zvJfQsEKRrjg6Tr4qLlN5xJoud4vWyq3lwvLj1w=="
+		},
 		"node_modules/concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
diff --git a/package.json b/package.json
index 06500ed..597c0cf 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"compress-json": "^3.0.3",
 		"svelte-tiny-virtual-list": "^2.0.5"
 	}
 }
diff --git a/poki-pi-tomo-sitelen b/poki-pi-tomo-sitelen
index a698240..7745c07 160000
--- a/poki-pi-tomo-sitelen
+++ b/poki-pi-tomo-sitelen
@@ -1 +1 @@
-Subproject commit a698240e1c8f18e9b13e58ef7c1f64612371de75
+Subproject commit 7745c071a316b5294a34dd5dad28443e53499a05
diff --git a/src/lib/all.json b/src/lib/all.json
deleted file mode 100644
index 903b72e..0000000
--- a/src/lib/all.json
+++ /dev/null
@@ -1,1253 +0,0 @@
-{
-	"CraftyPE": {
-		"name": "CraftyPE",
-		"designer": "ParanormalChicken / Erek Butcher",
-		"license": "OFL-1.0",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "CraftyPE-Regular",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "CraftyPE-Regular.otf"
-			}
-		],
-		"asciiLigatures": false,
-		"ucsurCodepoints": true,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/ParanormalChicken/CraftyPE",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "Font Files/ttf/static fonts/CraftyPE-Regular.ttf",
-					"destFile": "CraftyPE-Regular.ttf"
-				},
-				{
-					"sourceFile": "Font Files/woff woff2/static fonts/CraftyPE-Regular.woff2",
-					"destFile": "CraftyPE-Regular.woff2"
-				},
-				{
-					"sourceFile": "Font Files/woff woff2/static fonts/woff/CraftyPE-Regular.woff",
-					"destFile": "CraftyPE-Regular.woff"
-				}
-			]
-		},
-		"version": "beta-18",
-		"lastUpdated": "2024-04-05T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "CraftyPE-Regular.ttf",
-				"generatedFileName": "CraftyPE-Regular.otf"
-			},
-			{
-				"forFilename": "CraftyPE-Regular.ttf",
-				"generatedFileName": "CraftyPE-Regular.woff"
-			},
-			{
-				"forFilename": "CraftyPE-Regular.otf",
-				"generatedFileName": "CraftyPE-Regular.woff2"
-			}
-		]
-	},
-	"Fairfax": {
-		"name": "Fairfax",
-		"designer": "jan Lepeka",
-		"license": "OFL-1.0",
-		"category": "LEKO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "Fairfax",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "Fairfax.ttf"
-			},
-			{
-				"name": "FairfaxPona",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "FairfaxPona.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": true,
-		"extendedGlyphs": true,
-		"variantGlyphs": true,
-		"randomizedGlyphs": true,
-		"homepage": "https://www.kreativekorp.com/software/fonts/fairfax/",
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/kreativekorp/open-relay",
-				"ref": "master"
-			},
-			"files": [
-				{
-					"sourceFile": "Fairfax/Fairfax.ttf",
-					"destFile": "Fairfax.ttf"
-				},
-				{
-					"sourceFile": "Fairfax/FairfaxPona.ttf",
-					"destFile": "FairfaxPona.ttf"
-				}
-			]
-		},
-		"version": "2024.02.29",
-		"lastUpdated": "2024-04-05T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "Fairfax.ttf",
-				"generatedFileName": "Fairfax.otf"
-			},
-			{
-				"forFilename": "Fairfax.ttf",
-				"generatedFileName": "Fairfax.woff"
-			},
-			{
-				"forFilename": "Fairfax.ttf",
-				"generatedFileName": "Fairfax.woff2"
-			},
-			{
-				"forFilename": "FairfaxPona.ttf",
-				"generatedFileName": "Fairfax.otf"
-			},
-			{
-				"forFilename": "FairfaxPona.ttf",
-				"generatedFileName": "FairfaxPona.woff"
-			},
-			{
-				"forFilename": "FairfaxPona.ttf",
-				"generatedFileName": "FairfaxPona.woff2"
-			}
-		]
-	},
-	"FairfaxHD": {
-		"name": "FairfaxHD",
-		"designer": "jan Lepeka",
-		"license": "OFL-1.0",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "FairfaxHD",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "FairfaxHD.ttf"
-			},
-			{
-				"name": "FairfaxHD",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "FairfaxPonaHD.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": true,
-		"extendedGlyphs": true,
-		"variantGlyphs": true,
-		"randomizedGlyphs": true,
-		"homepage": "https://www.kreativekorp.com/software/fonts/fairfaxhd/",
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/kreativekorp/open-relay",
-				"ref": "master"
-			},
-			"files": [
-				{
-					"sourceFile": "FairfaxHD/FairfaxHD.ttf",
-					"destFile": "FairfaxHD.ttf"
-				},
-				{
-					"sourceFile": "FairfaxHD/FairfaxPonaHD.ttf",
-					"destFile": "FairfaxPonaHD.ttf"
-				}
-			]
-		},
-		"version": "2024.02.29",
-		"lastUpdated": "2024-04-05T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "FairfaxHD.ttf",
-				"generatedFileName": "FairfaxHD.otf"
-			},
-			{
-				"forFilename": "FairfaxHD.ttf",
-				"generatedFileName": "FairfaxHD.woff"
-			},
-			{
-				"forFilename": "FairfaxHD.ttf",
-				"generatedFileName": "FairfaxHD.woff2"
-			},
-			{
-				"forFilename": "FairfaxPonaHD.ttf",
-				"generatedFileName": "FairfaxPonaHD.otf"
-			},
-			{
-				"forFilename": "FairfaxPonaHD.ttf",
-				"generatedFileName": "FairfaxPonaHD.woff"
-			},
-			{
-				"forFilename": "FairfaxPonaHD.ttf",
-				"generatedFileName": "FairfaxPonaHD.woff2"
-			}
-		]
-	},
-	"Nishiki-teki": {
-		"name": "Nishiki-teki",
-		"designer": "Umihotaru",
-		"license": "OFL-1.0",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "Nishiki-teki",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "nishiki-teki.ttf"
-			}
-		],
-		"asciiLigatures": false,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": true,
-		"extendedGlyphs": true,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "https://umihotaru.work/",
-		"source": {
-			"web": {
-				"rootUrl": "https://github.com/RetSamys/nishiki-teki-lili/raw/main"
-			},
-			"files": [
-				{
-					"sourceFile": "nishiki-teki.ttf",
-					"destFile": "nishiki-teki.ttf"
-				}
-			]
-		},
-		"version": "3.95zj",
-		"lastUpdated": "2023-05-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "nishiki-teki.ttf",
-				"generatedFileName": "nishiki-teki.otf"
-			},
-			{
-				"forFilename": "nishiki-teki.ttf",
-				"generatedFileName": "nishiki-teki.woff"
-			},
-			{
-				"forFilename": "nishiki-teki.ttf",
-				"generatedFileName": "nishiki-teki.woff2"
-			}
-		]
-	},
-	"Nishiki-teki-lili": {
-		"name": "Nishiki-teki-lili",
-		"designer": "Umihotaru / jan Ke Tami",
-		"license": "OFL-1.0",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "Nishiki-teki-lili",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "nishiki-teki-lili.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": true,
-		"extendedGlyphs": true,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/RetSamys/nishiki-teki-lili",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "nishiki-teki-lili.ttf",
-					"destFile": "nishiki-teki-lili.ttf"
-				}
-			]
-		},
-		"version": "3.95ze",
-		"lastUpdated": "2023-05-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "nishiki-teki-lili.ttf",
-				"generatedFileName": "nishiki-teki-lili.otf"
-			},
-			{
-				"forFilename": "nishiki-teki-lili.ttf",
-				"generatedFileName": "nishiki-teki-lili.woff"
-			},
-			{
-				"forFilename": "nishiki-teki-lili.ttf",
-				"generatedFileName": "nishiki-teki-lili.woff2"
-			}
-		]
-	},
-	"Sevenish SP": {
-		"name": "Sevenish SP",
-		"designer": "Nico \"SauceDLX\"",
-		"license": "MIT",
-		"category": "LEKO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "Sevenish SP",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "SevenishSP.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"web": {
-				"rootUrl": "https://saucedlx.neocities.org"
-			},
-			"files": [
-				{
-					"sourceFile": "SevenishSP.ttf",
-					"destFile": "SevenishSP.ttf"
-				}
-			]
-		},
-		"version": "1.0",
-		"lastUpdated": "2023-04-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "SevenishSP.ttf",
-				"generatedFileName": "SevenishSP.otf"
-			},
-			{
-				"forFilename": "SevenishSP.ttf",
-				"generatedFileName": "SevenishSP.woff"
-			},
-			{
-				"forFilename": "SevenishSP.ttf",
-				"generatedFileName": "SevenishSP.woff2"
-			}
-		]
-	},
-	"Unifont CSUR": {
-		"name": "Unifont CSUR",
-		"designer": "Paul Hardy",
-		"license": "GPL-2.0-or-later with Font-exception-2.0 OR OFL-1.1",
-		"category": "LEKO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "Unifont CSUR",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "unifont_csur.otf"
-			}
-		],
-		"asciiLigatures": false,
-		"ucsurCodepoints": true,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "https://unifoundry.com/unifont/",
-		"source": {
-			"web": {
-				"rootUrl": "https://unifoundry.com/pub/unifont/unifont-15.1.04/"
-			},
-			"files": [
-				{
-					"sourceFile": "font-builds/unifont_csur-15.1.04.otf",
-					"destFile": "unifont_csur.otf"
-				}
-			]
-		},
-		"version": "15.1.04",
-		"lastUpdated": "2022-05-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "unifont_csur.otf",
-				"generatedFileName": "unifont_csur.otf"
-			},
-			{
-				"forFilename": "unifont_csur.otf",
-				"generatedFileName": "unifont_csur.woff"
-			},
-			{
-				"forFilename": "unifont_csur.otf",
-				"generatedFileName": "unifont_csur.woff2"
-			}
-		]
-	},
-	"leko majuna": {
-		"name": "leko majuna",
-		"designer": "waso Keli (Kelsey Higham)",
-		"license": "OFL-1.1",
-		"category": "LEKO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "leko majuna",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "leko majuna.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "https://kelseyhigham.github.io/leko-majuna/",
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/KelseyHigham/kelseyhigham.github.io",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "leko-majuna/leko majuna.ttf",
-					"destFile": "leko majuna.ttf"
-				}
-			]
-		},
-		"version": "1.0",
-		"lastUpdated": "2023-03-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "leko majuna.ttf",
-				"generatedFileName": "leko majuna.otf"
-			},
-			{
-				"forFilename": "leko majuna.ttf",
-				"generatedFileName": "leko majuna.woff"
-			},
-			{
-				"forFilename": "leko majuna.ttf",
-				"generatedFileName": "leko majuna.woff2"
-			}
-		]
-	},
-	"linja Sipiki": {
-		"name": "linja Sipiki",
-		"designer": "jan Sipiki & jan Ke Tami",
-		"license": "OFL-1.0",
-		"category": "LEKO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja Sipiki",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linjaSipiki.otf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/janSipiki/linja-Sipiki",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "linjaSipiki_v1.3.otf",
-					"destFile": "linjaSipiki.otf"
-				}
-			]
-		},
-		"version": "1.3",
-		"lastUpdated": "2023-12-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linjaSipiki.otf",
-				"generatedFileName": "linjaSipiki.otf"
-			},
-			{
-				"forFilename": "linjaSipiki.otf",
-				"generatedFileName": "linjaSipiki.woff"
-			},
-			{
-				"forFilename": "linjaSipiki.otf",
-				"generatedFileName": "linjaSipiki.woff2"
-			}
-		]
-	},
-	"linja ante": {
-		"name": "linja ante",
-		"designer": "jan Melon",
-		"license": "CC0-1.0",
-		"category": "KIWEN",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja ante",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linja-ante.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": false,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "https://nilakayas.neocities.org/karya/linja-ante.html",
-		"source": {
-			"web": {
-				"rootUrl": "https://nilakayas.neocities.org/karya"
-			},
-			"files": [
-				{
-					"sourceFile": "linja-ante.ttf",
-					"destFile": "linja-ante.ttf"
-				}
-			]
-		},
-		"version": "2.1",
-		"lastUpdated": "2021-02-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linja-ante.ttf",
-				"generatedFileName": "linja-ante.otf"
-			},
-			{
-				"forFilename": "linja-ante.ttf",
-				"generatedFileName": "linja-ante.woff"
-			},
-			{
-				"forFilename": "linja-ante.ttf",
-				"generatedFileName": "linja-ante.woff2"
-			}
-		]
-	},
-	"linja luka": {
-		"name": "linja luka",
-		"designer": "jan Pensamin/jan Melon",
-		"license": "OFL-1.0",
-		"category": "LINJA_LUKA",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja luka",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linja-luka.otf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": false,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/janMelon/linja-luka",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "font-files/linja-luka-1.0.otf",
-					"destFile": "linja-luka.otf"
-				}
-			]
-		},
-		"version": "1.0",
-		"lastUpdated": "2022-03-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linja-luka.otf",
-				"generatedFileName": "linja-luka.otf"
-			},
-			{
-				"forFilename": "linja-luka.otf",
-				"generatedFileName": "linja-luka.woff"
-			},
-			{
-				"forFilename": "linja-luka.otf",
-				"generatedFileName": "linja-luka.woff2"
-			}
-		]
-	},
-	"linja namako": {
-		"name": "linja namako",
-		"designer": "jan Sikusi",
-		"license": "OFL-1.0",
-		"category": "KIWEN",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja namako",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linjanamako.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "https://jan-sikusi.neocities.org/html/linjanamako",
-		"source": {
-			"web": {
-				"rootUrl": "https://jan-sikusi.neocities.org/fonts"
-			},
-			"files": [
-				{
-					"sourceFile": "linjanamako.ttf",
-					"destFile": "linjanamako.ttf"
-				}
-			]
-		},
-		"version": "1.0",
-		"lastUpdated": "2023-12-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linjanamako.ttf",
-				"generatedFileName": "linjanamako.otf"
-			},
-			{
-				"forFilename": "linjanamako.ttf",
-				"generatedFileName": "linjanamako.woff"
-			},
-			{
-				"forFilename": "linjanamako.ttf",
-				"generatedFileName": "linjanamako.woff2"
-			}
-		]
-	},
-	"linja pi tomo lipu": {
-		"name": "linja pi tomo lipu",
-		"designer": "Pascal Guimier (jan Talu) / Christophe Bouteiller",
-		"license": "MIT",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja pi tomo lipu",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linjapitomolipu.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": false,
-		"cartouches": true,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "https://web.archive.org/web/20190222101854/http://www.tomo-lipu.net:80/",
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/pguimier/linjapitomolipu",
-				"ref": "master"
-			},
-			"files": [
-				{
-					"sourceFile": "linjapitomolipu.0.7.ttf",
-					"destFile": "linjapitomolipu.ttf"
-				}
-			]
-		},
-		"version": "0.7",
-		"lastUpdated": "2022-01-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linjapitomolipu.ttf",
-				"generatedFileName": "linjapitomolipu.otf"
-			},
-			{
-				"forFilename": "linjapitomolipu.ttf",
-				"generatedFileName": "linjapitomolipu.woff"
-			},
-			{
-				"forFilename": "linjapitomolipu.ttf",
-				"generatedFileName": "linjapitomolipu.woff2"
-			}
-		]
-	},
-	"linja pona": {
-		"name": "linja pona",
-		"designer": "David A Roberts / jan Same",
-		"license": "OFL-1.0",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja pona",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linja-pona.otf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": false,
-		"cartouches": true,
-		"combinedGlyphs": true,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "http://musilili.net/linja-pona/",
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/janSame/linja-pona",
-				"ref": "master"
-			},
-			"files": [
-				{
-					"sourceFile": "linja-pona-4.9.otf",
-					"destFile": "linja-pona.otf"
-				}
-			]
-		},
-		"version": "4.9",
-		"lastUpdated": "2021-09-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linja-pona.otf",
-				"generatedFileName": "linja-pona.otf"
-			},
-			{
-				"forFilename": "linja-pona.otf",
-				"generatedFileName": "linja-pona.woff"
-			},
-			{
-				"forFilename": "linja-pona.otf",
-				"generatedFileName": "linja-pona.woff2"
-			}
-		]
-	},
-	"linja sike": {
-		"name": "linja sike",
-		"designer": "lipamanka / kulupu poki",
-		"license": "OFL-1.1",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja sike",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linja-sike.otf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": false,
-		"cartouches": true,
-		"combinedGlyphs": true,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"web": {
-				"rootUrl": "https://lipamanka.gay"
-			},
-			"files": [
-				{
-					"sourceFile": "linja-sike-5.otf",
-					"destFile": "linja-sike.otf"
-				}
-			]
-		},
-		"version": "5",
-		"lastUpdated": "2024-04-12T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linja-sike.otf",
-				"generatedFileName": "linja-sike.ttf"
-			},
-			{
-				"forFilename": "linja-sike.otf",
-				"generatedFileName": "linja-sike.woff"
-			},
-			{
-				"forFilename": "linja-sike.otf",
-				"generatedFileName": "linja-sike.woff2"
-			}
-		]
-	},
-	"linja suwi": {
-		"name": "linja suwi",
-		"designer": "jan Ana",
-		"license": "OFL-1.0",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja suwi",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linjasuwi.otf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": false,
-		"cartouches": false,
-		"combinedGlyphs": true,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"homepage": "https://linjasuwi.ap5.dev/",
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/anna328p/linjasuwi/",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "linjasuwi.otf",
-					"destFile": "linjasuwi.otf"
-				}
-			]
-		},
-		"version": "1.301",
-		"lastUpdated": "2021-09-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linjasuwi.otf",
-				"generatedFileName": "linjasuwi.otf"
-			},
-			{
-				"forFilename": "linjasuwi.otf",
-				"generatedFileName": "linjasuwi.woff"
-			},
-			{
-				"forFilename": "linjasuwi.otf",
-				"generatedFileName": "linjasuwi.woff2"
-			}
-		]
-	},
-	"linja waso": {
-		"name": "linja waso",
-		"designer": "jan Maku (ItMarki)",
-		"license": "OFL-1.0",
-		"category": "KIWEN",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja waso",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linja-waso-lili-Regular.ttf"
-			},
-			{
-				"name": "linja waso",
-				"style": "NORMAL",
-				"weight": 700,
-				"filename": "linja-waso-lili-Bold.ttf"
-			},
-			{
-				"name": "linja waso",
-				"style": "NORMAL",
-				"weight": 300,
-				"filename": "linja-waso-lili-Light.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/ItMarki/linja-waso",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "fonts/linja-waso-lili.ttf",
-					"destFile": "linja-waso-lili-Regular.ttf"
-				},
-				{
-					"sourceFile": "fonts/linja-waso-lili-Bold.ttf",
-					"destFile": "linja-waso-lili-Bold.ttf"
-				},
-				{
-					"sourceFile": "fonts/linja-waso-lili-Light.ttf",
-					"destFile": "linja-waso-lili-Light.ttf"
-				}
-			]
-		},
-		"version": "1",
-		"lastUpdated": "2022-08-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linja-waso-lili-Bold.ttf",
-				"generatedFileName": "linja-waso-lili-Bold.otf"
-			},
-			{
-				"forFilename": "linja-waso-lili-Bold.ttf",
-				"generatedFileName": "linja-waso-lili-Bold.woff"
-			},
-			{
-				"forFilename": "linja-waso-lili-Bold.ttf",
-				"generatedFileName": "linja-waso-lili-Bold.woff2"
-			},
-			{
-				"forFilename": "linja-waso-lili-Light.ttf",
-				"generatedFileName": "linja-waso-lili-Light.otf"
-			},
-			{
-				"forFilename": "linja-waso-lili-Light.ttf",
-				"generatedFileName": "linja-waso-lili-Light.woff"
-			},
-			{
-				"forFilename": "linja-waso-lili-Light.ttf",
-				"generatedFileName": "linja-waso-lili-Light.woff2"
-			},
-			{
-				"forFilename": "linja-waso-lili-Regular.ttf",
-				"generatedFileName": "linja-waso-lili-Regular.otf"
-			},
-			{
-				"forFilename": "linja-waso-lili-Regular.ttf",
-				"generatedFileName": "linja-waso-lili-Regular.woff"
-			},
-			{
-				"forFilename": "linja-waso-lili-Regular.ttf",
-				"generatedFileName": "linja-waso-lili-Regular.woff2"
-			}
-		]
-	},
-	"linja wawa": {
-		"name": "linja wawa",
-		"designer": "jan Melon / nimi Elemenopi",
-		"license": "OFL-1.0",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "linja wawa",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "linjawawa.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": false,
-		"cartouches": true,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/janMelon/linjawawa",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "font-files/linjawawa1.21.ttf",
-					"destFile": "linjawawa.ttf"
-				}
-			]
-		},
-		"version": "1.21",
-		"lastUpdated": "2022-01-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "linjawawa.ttf",
-				"generatedFileName": "linjawawa.otf"
-			},
-			{
-				"forFilename": "linjawawa.ttf",
-				"generatedFileName": "linjawawa.woff"
-			},
-			{
-				"forFilename": "linjawawa.ttf",
-				"generatedFileName": "linjawawa.woff2"
-			}
-		]
-	},
-	"nasin nanpa": {
-		"name": "nasin nanpa",
-		"designer": "jan Itan",
-		"license": "MIT",
-		"category": "LINJA_ILO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "nasin nanpa",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "nasin-nanpa.otf"
-			}
-		],
-		"asciiLigatures": false,
-		"ucsurCodepoints": true,
-		"cartouches": false,
-		"combinedGlyphs": true,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/ETBCOR/nasin-nanpa",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "versions/nasin-nanpa-3.1.0.otf",
-					"destFile": "nasin-nanpa.otf"
-				}
-			]
-		},
-		"version": "3.1.0",
-		"lastUpdated": "2024-02-12T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "nasin-nanpa.otf",
-				"generatedFileName": "nasin-nanpa.otf"
-			},
-			{
-				"forFilename": "nasin-nanpa.otf",
-				"generatedFileName": "nasin-nanpa.woff"
-			},
-			{
-				"forFilename": "nasin-nanpa.otf",
-				"generatedFileName": "nasin-nanpa.woff2"
-			}
-		]
-	},
-	"nasin sitelen pu mono": {
-		"name": "nasin sitelen pu mono",
-		"designer": "jan Ke Tami",
-		"license": "CC0-1.0",
-		"category": "LINJA_LUKA",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "nasin sitelen pu mono",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "NasinSitelenPuMono.otf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": false,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/RetSamys/nasin-sitelen-pu",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "NasinSitelenPuMono.otf",
-					"destFile": "NasinSitelenPuMono.otf"
-				}
-			]
-		},
-		"version": "2.0",
-		"lastUpdated": "2023-04-01T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "NasinSitelenPuMono.otf",
-				"generatedFileName": "NasinSitelenPuMono.otf"
-			},
-			{
-				"forFilename": "NasinSitelenPuMono.otf",
-				"generatedFileName": "NasinSitelenPuMono.woff"
-			},
-			{
-				"forFilename": "NasinSitelenPuMono.otf",
-				"generatedFileName": "NasinSitelenPuMono.woff2"
-			}
-		]
-	},
-	"sitelen Kotopon": {
-		"name": "sitelen Kotopon",
-		"designer": "kala Asi",
-		"license": "OFL-1.0",
-		"category": "LEKO",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "sitelen Kotopon",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "sitelenKotopon.otf"
-			}
-		],
-		"asciiLigatures": false,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": false,
-		"extendedGlyphs": false,
-		"variantGlyphs": false,
-		"randomizedGlyphs": false,
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/AcipenserSturio/sitelen-Kotopon",
-				"ref": "master"
-			},
-			"files": [
-				{
-					"sourceFile": "sitelenKotopon.otf",
-					"destFile": "sitelenKotopon.otf"
-				}
-			]
-		},
-		"version": "0.1",
-		"lastUpdated": "2022-02-01T05:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "sitelenKotopon.otf",
-				"generatedFileName": "sitelenKotopon.otf"
-			},
-			{
-				"forFilename": "sitelenKotopon.otf",
-				"generatedFileName": "sitelenKotopon.woff"
-			},
-			{
-				"forFilename": "sitelenKotopon.otf",
-				"generatedFileName": "sitelenKotopon.woff2"
-			}
-		]
-	},
-	"sitelen seli kiwen": {
-		"name": "sitelen seli kiwen asuki",
-		"designer": "jan Lepeka",
-		"license": "OFL-1.0",
-		"category": "LINJA_LUKA",
-		"dateAdded": "2024-02-16T06:38:28.373Z",
-		"fonts": [
-			{
-				"name": "sitelen seli kiwen asuki",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "sitelenselikiwenasuki.ttf"
-			},
-			{
-				"name": "sitelen seli kiwen juniko",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "sitelenselikiwenjuniko.ttf"
-			},
-			{
-				"name": "sitelen seli kiwen mono asuki",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "sitelenselikiwenmonoasuki.ttf"
-			},
-			{
-				"name": "sitelen seli kiwen mono juniko",
-				"style": "NORMAL",
-				"weight": 400,
-				"filename": "sitelenselikiwenmonojuniko.ttf"
-			}
-		],
-		"asciiLigatures": true,
-		"ucsurCodepoints": true,
-		"cartouches": true,
-		"combinedGlyphs": true,
-		"extendedGlyphs": true,
-		"variantGlyphs": true,
-		"randomizedGlyphs": true,
-		"homepage": "https://www.kreativekorp.com/software/fonts/sitelenselikiwen/",
-		"source": {
-			"git": {
-				"repositoryUrl": "https://github.com/kreativekorp/sitelen-seli-kiwen",
-				"ref": "main"
-			},
-			"files": [
-				{
-					"sourceFile": "sitelenselikiwenasuki.ttf",
-					"destFile": "sitelenselikiwenasuki.ttf"
-				},
-				{
-					"sourceFile": "sitelenselikiwenjuniko.ttf",
-					"destFile": "sitelenselikiwenjuniko.ttf"
-				},
-				{
-					"sourceFile": "sitelenselikiwenmonoasuki.ttf",
-					"destFile": "sitelenselikiwenmonoasuki.ttf"
-				},
-				{
-					"sourceFile": "sitelenselikiwenmonojuniko.ttf",
-					"destFile": "sitelenselikiwenmonojuniko.ttf"
-				}
-			]
-		},
-		"version": "1.6.2",
-		"lastUpdated": "2024-03-17T04:00:00.000Z",
-		"generatedVariants": [
-			{
-				"forFilename": "sitelenselikiwenasuki.ttf",
-				"generatedFileName": "sitelenselikiwenasuki.woff"
-			},
-			{
-				"forFilename": "sitelenselikiwenasuki.ttf",
-				"generatedFileName": "sitelenselikiwenasuki.woff2"
-			},
-			{
-				"forFilename": "sitelenselikiwenmonoasuki.ttf",
-				"generatedFileName": "sitelenselikiwenmonoasuki.woff"
-			},
-			{
-				"forFilename": "sitelenselikiwenasuki.ttf",
-				"generatedFileName": "sitelenselikiwenasuki.woff2"
-			},
-			{
-				"forFilename": "sitelenselikiwenjuniko.ttf",
-				"generatedFileName": "sitelenselikiwenjuniko.woff"
-			},
-			{
-				"forFilename": "sitelenselikiwenjuniko.ttf",
-				"generatedFileName": "sitelenselikiwenjuniko.woff2"
-			},
-			{
-				"forFilename": "sitelenselikiwenmonojuniko.ttf",
-				"generatedFileName": "sitelenselikiwenmonojuniko.woff"
-			},
-			{
-				"forFilename": "sitelenselikiwenmonojuniko.ttf",
-				"generatedFileName": "sitelenselikiwenmonojuniko.woff2"
-			}
-		]
-	}
-}
\ No newline at end of file
diff --git a/src/lib/compress-json b/src/lib/compress-json
new file mode 160000
index 0000000..f90e5c8
--- /dev/null
+++ b/src/lib/compress-json
@@ -0,0 +1 @@
+Subproject commit f90e5c8322f63e0c63d54d7c40d2c85202cf2894
diff --git a/src/lib/translation.ts b/src/lib/translation.ts
index 34bc9c8..fc8867d 100644
--- a/src/lib/translation.ts
+++ b/src/lib/translation.ts
@@ -167,8 +167,6 @@ const anteRegex = new RegExp(Object.keys(ante).join("|"), "gi")
 const ucsurFragment = Object.values(nimi).concat(Object.values(ante)).join("|")
 const ucsurRegex = new RegExp(`(${ucsurFragment}) (${ucsurFragment})`, "gi")
 
-console.warn(ucsurRegex)
-
 export function ucsur(of: string): string {
   return of
     .replaceAll(nimiRegex, (matched) => nimi[matched.toUpperCase()])
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 583cd84..cbe0ef9 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import VirtualList from 'svelte-tiny-virtual-list';
     import TextPreview from './text-preview.svelte';
-    import data from '$lib/all.json'
+    import type { PageData } from './$types';
     import { sample } from '$lib/sample'
     import { ucsur } from '$lib/translation';
 
@@ -21,6 +21,8 @@
       viewingSidebar = !viewingSidebar
     }
 
+    export let data: PageData;
+
     const licenses = [... new Set(Object.values(data).map(x => x.license))].toSorted()
 
     let entries = Object.entries(data)
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
index 189f71e..cf99e58 100644
--- a/src/routes/+page.ts
+++ b/src/routes/+page.ts
@@ -1 +1,7 @@
+import type { PageLoad } from "./$types";
+
 export const prerender = true;
+
+export const load: PageLoad = async (event) => {
+	return await (await event.fetch('/index.json')).json()
+}
diff --git a/src/routes/font/[name]/+page.server.ts b/src/routes/font/[name]/+page.server.ts
index ae6467d..0182e53 100644
--- a/src/routes/font/[name]/+page.server.ts
+++ b/src/routes/font/[name]/+page.server.ts
@@ -1,5 +1,5 @@
-import type { EntryGenerator } from './$types';
-import fonts from '$lib/all.json';
+import type { EntryGenerator, PageLoad } from './$types';
+import fonts from '../../../../poki-pi-tomo-sitelen/index.json';
 
 export const entries: EntryGenerator = () => {
 	return Object.keys(fonts).map(x => ({ "name": x }))
diff --git a/src/routes/font/[name]/+page.svelte b/src/routes/font/[name]/+page.svelte
index 08e8335..a5308fd 100644
--- a/src/routes/font/[name]/+page.svelte
+++ b/src/routes/font/[name]/+page.svelte
@@ -1,12 +1,13 @@
 <script lang="ts">
-	import fonts from '$lib/all.json'
 	import TextPreview from '../../text-preview.svelte'
-    import { sample } from '$lib/sample'
-    import { ucsur } from '$lib/translation';
+  import { sample } from '$lib/sample'
+  import { ucsur } from '$lib/translation';
+  import type { PageData } from './$types';
+  import { decompress } from '$lib/compress-json/src/core'
 
-	export let data
+	export let data: PageData
+	const font = decompress(data.data)
 	let selectedStyle: number = 0
-	const font = fonts[data.name as keyof typeof fonts]
 </script>
 
 <svelte:head>
@@ -128,6 +129,8 @@
 
 		<h2 class="text-3xl pt-8 font-bold">nimi ale</h2>
 
+		<a href={`/font/${font.name}/glyphs`} class="text-xl py-2 text-orange-700 dark:text-orange-500 underline">o lukin e sitelen ale pi nasin ni</a>
+
 		<div class="py-4">
 			<h3 class="text-xl">nimi pu ale</h3>
 			<TextPreview name={font.fonts[selectedStyle].name} url={"/families/"+data.name+"/"+font.fonts[selectedStyle].filename} ucsur={font.ucsurCodepoints} ascii={font.asciiLigatures} weight={font.fonts[selectedStyle].weight.toString()} style={font.fonts[selectedStyle].style.toLowerCase()}>
diff --git a/src/routes/font/[name]/+page.ts b/src/routes/font/[name]/+page.ts
index c2fe482..5f39061 100644
--- a/src/routes/font/[name]/+page.ts
+++ b/src/routes/font/[name]/+page.ts
@@ -1,7 +1,13 @@
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = ({ params }) => {
-	return {
-		name: params.name
+export const load: PageLoad = async (event) => {
+	try {
+		const data = await (await event.fetch(`/families/${event.params.name}/metadata_compressed.json`)).json()
+		return {
+			name: event.params.name,
+			data: data
+		}
+	} catch (e) {
+		console.warn(e)
 	}
 }
diff --git a/src/routes/font/[name]/glyphs/+page.server.ts b/src/routes/font/[name]/glyphs/+page.server.ts
new file mode 100644
index 0000000..cada313
--- /dev/null
+++ b/src/routes/font/[name]/glyphs/+page.server.ts
@@ -0,0 +1,6 @@
+import type { EntryGenerator, PageLoad } from './$types';
+import fonts from '../../../../../poki-pi-tomo-sitelen/index.json';
+
+export const entries: EntryGenerator = () => {
+	return Object.keys(fonts).map(x => ({ "name": x }))
+};
diff --git a/src/routes/font/[name]/glyphs/+page.svelte b/src/routes/font/[name]/glyphs/+page.svelte
new file mode 100644
index 0000000..17fcc8f
--- /dev/null
+++ b/src/routes/font/[name]/glyphs/+page.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+	import TextPreview from '../../../text-preview.svelte'
+  import { sample } from '$lib/sample'
+  import { ucsur } from '$lib/translation';
+  import type { PageData } from './$types';
+  import { decompress } from '$lib/compress-json/src/core'
+
+	export let data: PageData
+	const font = decompress(data.data)
+	let selectedStyle: number = 0
+
+	function groupBy<T>(arr: T[], property: keyof T): T[][] {
+		const akku: any = {}
+		return arr.reduce(function(memo, x) {
+			if (!memo[x[property] ?? "AAA"]) { memo[x[property] ?? "AAA"] = []; }
+			memo[x[property] ?? "AAA"].push(x);
+			return memo;
+		}, akku);
+	}
+	function segment(font) {
+		return Object.entries(groupBy(font.characters, "category")).map(x => [x[0], Object.entries(groupBy(x[1], "subcategory")).toSorted((a, b) => a[0].localeCompare(b[0]))]).toSorted((a, b) => a[0].localeCompare(b[0]))
+	}
+
+	let segmented: [string, [string, any]]
+	$: segmented = segment(font.fonts[selectedStyle])
+</script>
+
+<svelte:head>
+    <title>{font.name} | tomo sitelen</title> 
+</svelte:head>
+
+<div class="flex">
+	<div class="bg-orange-100 dark:bg-stone-900 dark:text-white grow">
+	<div class="flex flex-col items-center px-4">
+		<div class="max-w-screen-lg w-full mt-16">
+		<h1 class="font-bold text-5xl">sitelen ale tan {font.name}</h1>
+
+		<TextPreview name={font.fonts[selectedStyle].name} url={"/families/"+data.name+"/"+font.fonts[selectedStyle].filename} ucsur={font.ucsurCodepoints} ascii={font.asciiLigatures} weight={font.fonts[selectedStyle].weight.toString()} style={font.fonts[selectedStyle].style.toLowerCase()}>
+			<div slot="ucsur" class="text-4xl text-center py-8">
+			{ucsur($sample)}
+			</div>
+			<div slot="latin" class="text-4xl text-center py-8">
+			{$sample}
+			</div>
+		</TextPreview>
+
+		<a href={`/font/${font.name}`} class="text-xl py-2 text-orange-700 dark:text-orange-500 underline">o tawa lipu open pi nasin ni</a>
+
+		<hr class="h-1 mx-auto my-4 bg-orange-200 dark:bg-stone-500 border-0 rounded md:my-10" />
+
+		<select bind:value={selectedStyle} class="p-1 rounded-lg bg-orange-300 dark:bg-stone-700">
+			{#each Object.entries(font.fonts) as [idx, {name}]}
+			<option value={idx}>{name}</option>
+			{/each}
+		</select>
+
+		<div style:--preview-font={[font.fonts[selectedStyle].name, "Adobe NotDef"]}>
+			<style scoped>
+				div.block {
+					font-family: var(--preview-font);
+					@apply w-12 h-12 text-center;
+				}
+			</style>
+			{#each segmented as [segment, values]}
+				{#each values as [subsegment, characters]}
+					{#if (subsegment == "AAA")}
+						<h3 class="text-2xl pt-6 pb-2 font-bold">{segment}</h3>
+					{:else}
+						<h3 class="text-2xl pt-6 pb-2 font-bold">{segment}, {subsegment}</h3>
+					{/if}
+
+					<div class="text-xl flex w-full flex-wrap">
+						{#each characters as {unicode}}
+							<div class="block">{unicode}</div>
+						{/each}
+					</div>
+				{/each}
+			{/each}
+		</div>
+
+		</div>
+	</div>
+	</div>
+</div>
+
diff --git a/src/routes/font/[name]/glyphs/+page.ts b/src/routes/font/[name]/glyphs/+page.ts
new file mode 100644
index 0000000..5f39061
--- /dev/null
+++ b/src/routes/font/[name]/glyphs/+page.ts
@@ -0,0 +1,13 @@
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async (event) => {
+	try {
+		const data = await (await event.fetch(`/families/${event.params.name}/metadata_compressed.json`)).json()
+		return {
+			name: event.params.name,
+			data: data
+		}
+	} catch (e) {
+		console.warn(e)
+	}
+}
diff --git a/static/index.json b/static/index.json
new file mode 120000
index 0000000..08f3179
--- /dev/null
+++ b/static/index.json
@@ -0,0 +1 @@
+../poki-pi-tomo-sitelen/index.json
\ No newline at end of file