## Nuxt Fonts Library I used the permanent note [[Nuxtjs Google Fonts]] to set up the library. ## Fonts ### Yeseva One This [Yeseva One - Google Font](https://fonts.google.com/specimen/Yeseva+One) was trivial to incorporate. ### Caviar Dreams The [Caviar Dreams - DaFont](https://www.dafont.com/caviar-dreams.font) might be harder to integrate. They come in tiff files. #### Attempt 1 - Public and Assets Folders I'm using this Q&A [How do I add font files to NuxtJS](https://www.answeroverflow.com/m/1316674101665988618) thread. It worked most of the way. I did the following 1. Created the folder `~public/fonts` 2. Added the `.ttf` files to `~public/fonts` 3. Created `~assets/css/` folder 4. Created `~assets/css/main.css` 5. Declared `@font-face` for *Caviar Dreams* 6. Used `font-family: "Caviar Dreams"` in `<style>` in components