Vue.js + BuefyでMdi Fontが表示されない

Javascript

Vue.js + Buefyでプロジェクトを作った際、Material Design Iconsがうまく表示されなかったため、解決方法をメモ。

mdiフォントのインストール

$ npm i @mdi/font
or
$ yarn add @mdi/font

main.jsに下記を追加

import "@mdi/font/css/materialdesignicons.css";

Vue.use(Buefy);

以上

参考: https://kalappo.net/storybook-buefy-font/

コメント

タイトルとURLをコピーしました