###前提・実現したいこと
Vue-cliでローカルフォントを反映させたいと思っています。
###試したこと
同様の質問がVueJSのフォーラムにあり、その対応方法が載っていたのですが、実際に試してみても反映されていませんでした。
参考にしたwebサイトはこちら
###手順
- src/assets/ 直下にfontsフォルダを作成し、該当のフォントファイル(.ttf)を格納
- src 直下にfonst_config.sassを作成
- src/App.vueに@fontを設定
fonst_config.sass
scss
1$font_path: '~assets/fonts/' !important
App.vue
<style> @font-face { font-family: 'Hogehoge Font' !important; src: url($font_path + 'hotgehoge_hont.ttf'); } #app { font-family: 'Hogehoge Font' } </style>
###バージョン等の情報
Vue : 2.3.4
webpack : 2.6.1
あなたの回答
tips
プレビュー