Quasar Extras update (MDI & Fontawesome 5)

[rstoenescu]

Hi,

Package “quasar-extras” has just received an update (v1.0.0 – no breaking changes), adding MDI and Fontawesome v5.

Package	Changes	Version	Description
Roboto Font			Default recommended font when building with Material theme
Material Icons		3.0.1	Material icons font
MDI (Material Design Icons)	NEW	2.1.19	Extended Material Design icons font
Font Awesome	Updated	5.0.0	Fontawesome icons font
Ionicons		2.0.1	Ionicons font
Animate.css		3.5.2	Bundle of animations you can use in your website/app

Enjoy!

[wannymiarelli]

Great! The MDI support is very cool! Thank you

[marcelo]

having troubles with font awesome fonts! not only because they change some icon names, but also I do not know how to use new fas, far, fal with QIcon! looks like QIcon is not working with FontAwesome 5…

[luc.claustres]

On the dev branch (0.15) you can try adding the right class according to your icon style like in https://github.com/quasarframework/quasar/blob/dev/dev/components/components/icon.vue#L16. Unfortunately I did not succeed in making it work with 0.14.

[Hawkeye64]

This is working for me. Not how I would have expected to do it though. I left icon in to show it should be empty.
<q-item-side icon="" class="fa-clock far"/>

[rstoenescu]

v0.14: <q-item-side icon=“fa-clock far”
v0.15: <q-item-side icon=“far fa-clock”