質問編集履歴
2
一部に誤字表現があったため、修正いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
現在、Nuxt.jsとAdobe fontsを使用したアプリ開発を行っています。
|
|
4
4
|
[こちら(https://mykii.blog/nuxt-use-adobefonts-ja/)](https://mykii.blog/nuxt-use-adobefonts-ja/) の記事を参考にAdobe Fontsの適用コードを記述したのですが、**Herokuでアプリを開いた際にAdobe fontフォントが反映されず**悩んでいます。
|
|
5
5
|
|
|
6
|
-
しかし、アプリ内のクリックイベントによって同フォントが適用された別の
|
|
6
|
+
しかし、アプリ内のクリックイベントによって同フォントが適用された別のテキスト(h1タグ)が出現すると、**反映されてなかった部分を含めて出現したその瞬間にAdobe fontsが反映される**、という現象が起こっています。
|
|
7
7
|
|
|
8
8
|
- ```Typekit.load(async: true)```を各ページファイルやdefault.vueで実行する
|
|
9
9
|
- 全てのページに```@import url("https://use.typekit.net/XXXXXX.css");```を追加する
|
1
一部表示してはいけない部分があったため、伏字に変更いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
- ```Typekit.load(async: true)```を各ページファイルやdefault.vueで実行する
|
|
9
9
|
- 全てのページに```@import url("https://use.typekit.net/XXXXXX.css");```を追加する
|
|
10
|
-
- nuxt.config.js内のhead → script → srcに```https://use.typekit.net/
|
|
10
|
+
- nuxt.config.js内のhead → script → srcに```https://use.typekit.net/XXXXXXX.js```を記述する
|
|
11
11
|
|
|
12
12
|
など、私の知る限り調査する限りの手を尽くしてみましたが、いずれも効果がありませんでした。
|
|
13
13
|
どうにかして**Adobe fontsをフォントをページを開いた瞬間から反映する**方法はないのでしょうか…？
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
###やったこと
|
|
23
23
|
- ```Typekit.load(async: true)```をdefault.vueや各ページの.vueファイルに追加/削除した
|
|
24
24
|
- 全ての.vueページに```@import url("https://use.typekit.net/XXXXXXX.css");```を追加した
|
|
25
|
-
- nuxt.config.js内のhead → script → srcに```https://use.typekit.net/
|
|
25
|
+
- nuxt.config.js内のhead → script → srcに```https://use.typekit.net/XXXXXXX.js```を記述する
|
|
26
26
|
|
|
27
27
|
参考にした記事
|
|
28
28
|
Nuxt.jsでいい感じにAdobe fontsのwebフォントを読み込む
|