ivodolenc / nuxt-font-loader

Handles your fonts with ease.
MIT License
74 stars 2 forks source link

Not loading font icons #5

Closed Zakarya-Netlinks closed 2 years ago

Zakarya-Netlinks commented 2 years ago

I am using iconsax font icon and font is not being loaded into the browser.

This is my folder directory

image

And this is my nuxt config:

image

And fonts are loaded like this:

image

they are broken 😔

ivodolenc commented 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>