I downloaded a font called “American Typewriter” and I now have a file named American_Typewriter_Regular.ttf in my priv/static/fonts directory. But I can’t figure out how to get this file to work with my CSS. At the top of my assets/css/app.css file I have the following lines: @font-face { fo…

The solution I have come up with is to just skip all the ESBuild config stuff and manually convert the .ttf files to .woff2 and then just manually convert the .woff2 files to base64-encoded datauri strings that I manually include in my CSS file. First, I use this tool to convert .ttf to .woff2: TTF…

How do I use a custom font with Phoenix 1.6 and ESBuild?

Phoenix Forum Questions / Help

thomas.fortes November 11, 2021, 9:09pm 2

I answered (almost) the same question here:

Just change the extensions or follow the links

1 Like