Not loading font icons
Zakarya-Netlinks opened this issue ยท 1 comments
Zakarya-Netlinks commented
ivodolenc commented
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>