NuxtプロジェクトにAdobeのWEBフォントを使用したいと考えており、下記の方法で実行しました。
- pluginsに共通関数(inject)を定義
- nuxt.config.jsで読み込み
- layouts/default.vue内で実行
<script> export default { mounted() { this.$nextTick(function () { this.$adobeFonts(document) }) }, } </script>
上記の手順で読み込みは成功しているのですが、
Nuxtがまだ初心者なこともありこの方法・考え方で正しいのか判断ができずにいます。
具体的に悩んでいる点は下記です。
- layouts内に定義して良いのか
-> ページ全体で読み込ませるものなのでlayoutsに書きました - this.$nextTick()の使用は正しいのか
-> ビュー全体がレンダリングされた後で確実に実行するために使用しました
もっと他に最適な方法があれば教えていただけると嬉しいです。
どうぞよろしくお願いします。
あなたの回答
tips
プレビュー