diff --git a/projects/vectortile-demo/src/app/demobox/demobox.component.ts b/projects/vectortile-demo/src/app/demobox/demobox.component.ts
index 6664eb9..4f04677 100644
--- a/projects/vectortile-demo/src/app/demobox/demobox.component.ts
+++ b/projects/vectortile-demo/src/app/demobox/demobox.component.ts
@@ -46,9 +46,24 @@ export class DemoboxComponent {
   ngOnInit(): void {
     this.locationService.currentLocation.subscribe((currentLocation) => {
       // this.currentlocation = currentLocation;
+     console.log ( this.getAllAvailableFonts());
+    
     })
   }
 
+  getAllAvailableFonts(): FontFace[] {
+    const fontSet = document.fonts;
+    console.log(fontSet);
+    // some fonts may still be unloaded if they aren't used on the site
+
+    const fonts: FontFace[] = [];
+    fontSet.forEach(font => {
+      fonts.push(font);
+      
+    });
+    return fonts;
+  }
+
   DemoPreviewFeaturesToggle() {
     this.isPreviewFeature = !this.isPreviewFeature
   }
diff --git a/projects/vectortile-demo/src/app/olmap/tileurl.ts b/projects/vectortile-demo/src/app/olmap/tileurl.ts
index 967117b..c77b9f0 100644
--- a/projects/vectortile-demo/src/app/olmap/tileurl.ts
+++ b/projects/vectortile-demo/src/app/olmap/tileurl.ts
@@ -26,10 +26,10 @@ export const tileurlBestuur: VectorTileUrl = {
 }
 
 export const tileurlTop10: VectorTileUrl = {
-  vectorTileUrl: 'https://api.pdok.nl/brt/top10nl/ogc/v1-preprod/tiles/NetherlandsRDNewQuad',
+  vectorTileUrl: 'https://api.pdok.nl/brt/top10nl/ogc/v1-demo/tiles/NetherlandsRDNewQuad',
   extension: '.pbf',
   ogcApiRootUrl: {
-    url: "https://api.pdok.nl/brt/top10nl/ogc/v1-preprod",
+    url: "https://api.pdok.nl/brt/top10nl/ogc/v1-demo",
     lokaalIdRegex: /^\d{1,16}$/
   }
 }