font awesome starting very big on SSR Mode

[murilolivorato]

Hello , I am using VUE 3 with Vite ,
Font awsome is starting very BIG the font . and after that load the css , it resize .

It only happens with SSR Mode .

when run -

quasar dev -m ssr

when I refresh the Page , first show it very Big .
I was using this component -

<font-awesome-icon icon="check"  />

But now I am using
q-icon , like this -
https://quasar.dev/vue-components/icon/

it has an configuration, that you can do , in font awesome .
to prevent this -

config.autoAddCss = false

like this -
FortAwesome/vue-fontawesome#14

but with Vite , it didnt work . junt with webpack .
and I dont know how could I do this configuration with q-icon .

I created a new project just with an single font , I can upload to git hub .
my page is like this -

<template>
  <q-icon :name="fasPhone"  />
</template>

<script setup>
import { fasPhone } from '@quasar/extras/fontawesome-v6'
</script>
<style scoped>
</style>

Always start the font very BIG after resize it .
I wold like to know an way to fix this , otherwize I will have to change all those fonts in this project that I am working on for google matherial fonts ,