docs: add step for adding font links in svelte:head to sveltekit installation guide #67
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
When trying to implement
unplugin-fonts
into my SvelteKit project today, I followed the provided instructions but continually experienced issues with my fonts not displaying.After some troubleshooting, I discovered that due to SvelteKit not using transformIndexHtml vite process, the automatic addition of font links from
vite.config.js(ts)
based on theinjectTo
parameter isn't possible.The workaround solution for this is to add the following code into
+layout.svelte
(or another preferred location):This snippet is currently utilized in an existing SvelteKit example, however, it's not explicitly mentioned in the instructions that this is a necessary step.
In this PR, I have included mention of this code snippet in the instructions for adding the plugin to a SvelteKit project. I believe that this will prevent similar issues from occurring amongst other users.