Closed Zakarya-Netlinks closed 2 years ago
Hi,
I just tested the module and the nuxt-font-loader
works fine.
The font you mentioned isn't valid so it needs to be converted and then will work fine. (follow #16 and #19).
Font displays errors in console:
Failed to decode downloaded font: http://localhost:5500/fonts/iconsax.woff
OTS parsing error: cmap: Failed to parse table
Here's an example that works great if you have valid font (after conversion):
project structure
.
├── static/
│ └── fonts/
│ ├── style.css
│ └── all font files (woff2, ttf...)
└── nuxt.config.js
// nuxt.config.js
export default {
buildModules: ['nuxt-font-loader'],
fontLoader: {
url: {
local: '/fonts/style.css',
google: 'https://fonts.googleapis.com/css2?family=Manrope&display=swap'
}
}
}
<!-- index.vue -->
<template>
<div>
<span class="isax isax-dcube"></span>
</div>
</template>
I am using iconsax font icon and font is not being loaded into the browser.
This is my folder directory
And this is my nuxt config:
And fonts are loaded like this:
they are broken 😔