質問編集履歴
3
下部に情報を追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
Webフォントをcssとhtmlの中で利用してページを作りましたが、読み込みまでに予備のフォントが表示されるいわゆるちらつき現象が直りません。
|
|
2
2
|
|
|
3
3
|
独力でもあれこれ調べてみましたが
|
|
4
|
-
・visibili
|
|
5
|
-
|
|
4
|
+
・visibilityをいじる→いつまでも表示されなくなる
|
|
6
5
|
・font-displayをautoに→動作は変わらずちらつきアリ
|
|
7
6
|
と上手くいきません。
|
|
8
7
|
JavaScriptを導入することは利用している制作サイトのホストから制限されているようで、そもそもscriptタグが弾かれてしまいました。
|
|
@@ -11,8 +10,9 @@
|
|
|
11
10
|
font-displayが反映されない(されないように見える)理由などにお心当たりがありましたら、どうかご教示ください。
|
|
12
11
|
|
|
13
12
|
|
|
14
|
-
11/11追記
|
|
15
13
|
|
|
14
|
+
**11/11追記**
|
|
15
|
+
|
|
16
16
|
使用しているのはGoogle web fontとローカルにDLしたものをサブセット化したものの二種類(それぞれ1種ずつ)です。
|
|
17
17
|
|
|
18
18
|
```CSS
|
2
下部に情報を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
使用しているのはGoogle web fontとローカルにDLしたものをサブセット化したものの二種類(それぞれ1種ずつ)です。
|
|
17
17
|
|
|
18
18
|
```CSS
|
|
19
|
-
import url('～&display=auto');
|
|
19
|
+
@import url('～&display=auto');
|
|
20
20
|
@font-face{font-family:'font-n';src: url('～.woff2') format('woff2');font-display:auto;}
|
|
21
21
|
```
|
|
22
22
|
|
1
下部に情報を追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,4 +8,19 @@
|
|
|
8
8
|
JavaScriptを導入することは利用している制作サイトのホストから制限されているようで、そもそもscriptタグが弾かれてしまいました。
|
|
9
9
|
|
|
10
10
|
これ以上は何の対応もできないものでしょうか？
|
|
11
|
-
font-displayが反映されない(されないように見える)理由などにお心当たりがありましたら、どうかご教示ください。
|
|
11
|
+
font-displayが反映されない(されないように見える)理由などにお心当たりがありましたら、どうかご教示ください。
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
11/11追記
|
|
15
|
+
|
|
16
|
+
使用しているのはGoogle web fontとローカルにDLしたものをサブセット化したものの二種類(それぞれ1種ずつ)です。
|
|
17
|
+
|
|
18
|
+
```CSS
|
|
19
|
+
import url('～&display=auto');
|
|
20
|
+
@font-face{font-family:'font-n';src: url('～.woff2') format('woff2');font-display:auto;}
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
optionalにも変更してみましたが、代替フォント(通常フォント？)の表示時間がむしろ長くなってしまいました。
|
|
24
|
+
|
|
25
|
+
初心者ですので見当違いな追記になってしまっていたら申し訳ありません。
|
|
26
|
+
引き続きよろしくお願いいたします。
|