search

sveltejs / learn.svelte.dev

A soup-to-nuts interactive tutorial on how to build apps with Svelte
https://learn.svelte.dev
MIT License
519 stars 243 forks source link

Font causing crashes on tutorial page #483

Open Medaillek opened 1 year ago

Medaillek commented 1 year ago

In tutorial https://github.com/sveltejs/learn.svelte.dev/blob/main/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/ (tutorial link: https://learn.svelte.dev/tutorial/named-slots), the Card.svelte files have a custom font making the app crashing : image

If it mysteriously works (1 time out of 10), the background paper disappear and font looks ugly : image

How to fix

Removing custom font make it works again : image

Medaillek commented 1 year ago

Same here : https://learn.svelte.dev/tutorial/slot-fallbacks GH in every Card.svelte files : https://github.com/sveltejs/learn.svelte.dev/tree/main/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks

Conduitry commented 1 year ago

What browser and system are you on?

Medaillek commented 1 year ago

What browser and system are you on?

Chrome Version 115.0.5790.171 Windows 10 Professionnal 22H2 19045.3324

spences10 commented 1 year ago

What browser and system are you on?

Chrome Version 115.0.5790.171 Windows 10 Professionnal 22H2 19045.3324

Just tried on Windows with Firefox, Edge and Google Chrome. Same behaviour

Console from Chrome:

DevTools failed to load source map: Could not load content for file:///home/httpslearnsveltedev-xfsn/node_modules/magic-string/dist/magic-string.es.mjs.map: System error: net::ERR_FILE_NOT_FOUND
DevTools failed to load source map: Could not load content for file:///home/httpslearnsveltedev-xfsn/node_modules/undici/lib/llhttp/constants.js.map: System error: net::ERR_FILE_NOT_FOUND
DevTools failed to load source map: Could not load content for file:///home/httpslearnsveltedev-xfsn/node_modules/undici/lib/llhttp/utils.js.map: System error: net::ERR_FILE_NOT_FOUND
headless:1 The resource https://w-corp.staticblitz.com/fetch.worker.ba0db7b1.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

Console from Firefox:

Partitioned cookie or storage access was provided to “https://httpslearnsveltedev-xfsn--5173--ba0db7b1.local-corp.webcontainer.io/?theme=dark” because it is loaded in the third-party context and dynamic state partitioning is enabled.

[vite] connecting... [client:206:9](https://httpslearnsveltedev-xfsn--5173--ba0db7b1.local-corp.webcontainer.io/@vite/client)
[vite] connected. [client:286:21](https://httpslearnsveltedev-xfsn--5173--ba0db7b1.local-corp.webcontainer.io/@vite/client)
Source map error: Error: request failed with status 404
Resource URL: https://httpslearnsveltedev-xfsn--5173--ba0db7b1.local-corp.webcontainer.io/@vite/client
Source Map URL: client.mjs.map

GET
[https://httpslearnsveltedev-xfsn--5173--ba0db7b1.local-corp.webcontainer.io/Garamond Classico SC Regular.woff2](https://httpslearnsveltedev-xfsn--5173--ba0db7b1.local-corp.webcontainer.io/Garamond%20Classico%20SC%20Regular.woff2)
[HTTP/1.1 404 Not Found 0ms]

downloadable font: download failed (font-family: "Silian Rail" style:normal weight:400 stretch:100 src index:0): status=2147746065 source: https://httpslearnsveltedev-xfsn--5173--ba0db7b1.local-corp.webcontainer.io/Garamond%20Classico%20SC%20Regular.woff2