Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Search Hashnode

Search posts, tags, users, and pages

Discussion on "Self-hosting a font with Tailwind (JIT) and SvelteKit" | Hashnode

Feed/

Discussion

Jeffrey Pohlmeyer

Full stack developer/designer

Nov 20, 2021

Self-hosting a font with Tailwind (JIT) and SvelteKit

Edit 24-May-2022: I've updated this post and it can be found at https://jeffpohlmeyer.com/self-hosting-a-font-with-tailwind-and-sveltekit In the vein of learning in public, I want to write a little blurb about this. A project I'm working on for a cli...

blog.jeffpohlmeyer.com3 min read

#svelte #tailwind-css #fonts #css

Responses1

Markdown supported · ⌘↵ to post

Dan

May 22, 2022

Jeffrey Pohlmeyer

it seems that, when using Tailwind with the JIT compiler in a SvelteKit app, that it just doesn't like .tff files and you're better off using .woff and .woff2 files for self-hosted fonts.

Thought you might be interested to hear that I faced the same issue while working with an .oft file, but I found that simply removing format('oft') completely did the trick.

Jeffrey Pohlmeyer

Full stack developer/designer

May 22, 2022

Thanks for that. Since I wrote this Tailwind has updated a bit and I found a way to be able to host .ttf files as well. I think I'll do an update to this post soon.

Jeffrey Pohlmeyer

Full stack developer/designer

May 24, 2022

Hey Dan, I've updated the post. It should work with .otf font files. The updated post is at jeffpohlmeyer.com/self-hosting-a-font-with-tailwi…