Vuetify v-icon not rendering properly

#1

Using Vuetify with Meteor, Font Awesome v-icons are not rendering. A regular icon tag works.

Is there a proper way to import font-awesome so that it will work with Vuetify?

#2

Bit busy atm, but I will share my solution later today :neutral_face:

#3

It seems that I’m just importing them from the head of my app like below. You could just add the font-awesome style there aswell:

<head>
  <title>Cloudspider Admin</title>

  <link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet" />
  <link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet" />

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" />
</head>

<body>
  <div id="app"></div>
</body>