質問編集履歴
4
network情報の追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -193,3 +193,19 @@
|
|
193
193
|
(以下長いので割愛)
|
194
194
|
|
195
195
|
```
|
196
|
+
|
197
|
+
|
198
|
+
|
199
|
+
追記
|
200
|
+
|
201
|
+
---
|
202
|
+
|
203
|
+
network情報追加
|
204
|
+
|
205
|
+
```
|
206
|
+
|
207
|
+
//woff2の前の数字(この例でいうと118)が違う複数ファイルが、hoverするごとに読み込まれる
|
208
|
+
|
209
|
+
https://fonts.gstatic.com/s/notosansjp/v18/-F6pfjtqLzI2JPCgQBnw7HFQei0q1xVDjch_dakBof6Bs-tL3bPjUOFWcPh-SzpiOR0Rz0tCsqIHassVrl0.118.woff2
|
210
|
+
|
211
|
+
```
|
3
コードの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -73,3 +73,123 @@
|
|
73
73
|
画像だとhover前に読み込むなどの対策がありますが、文字が一瞬消える対策ができずに困っております。
|
74
74
|
|
75
75
|
よろしくお願いいたします。
|
76
|
+
|
77
|
+
|
78
|
+
|
79
|
+
追記
|
80
|
+
|
81
|
+
---
|
82
|
+
|
83
|
+
FontFaceオブジェクトのurlはどれにすればよいのか??
|
84
|
+
|
85
|
+
```
|
86
|
+
|
87
|
+
//現状scssファイルで読み込んでいるhttps://fonts.googleapis.com/css?family=Lato:400,700の中身
|
88
|
+
|
89
|
+
/* latin-ext */
|
90
|
+
|
91
|
+
@font-face {
|
92
|
+
|
93
|
+
font-family: 'Lato';
|
94
|
+
|
95
|
+
font-style: normal;
|
96
|
+
|
97
|
+
font-weight: 400;
|
98
|
+
|
99
|
+
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
|
100
|
+
|
101
|
+
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
102
|
+
|
103
|
+
}
|
104
|
+
|
105
|
+
/* latin */
|
106
|
+
|
107
|
+
@font-face {
|
108
|
+
|
109
|
+
font-family: 'Lato';
|
110
|
+
|
111
|
+
font-style: normal;
|
112
|
+
|
113
|
+
font-weight: 400;
|
114
|
+
|
115
|
+
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
|
116
|
+
|
117
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
118
|
+
|
119
|
+
}
|
120
|
+
|
121
|
+
/* latin-ext */
|
122
|
+
|
123
|
+
@font-face {
|
124
|
+
|
125
|
+
font-family: 'Lato';
|
126
|
+
|
127
|
+
font-style: normal;
|
128
|
+
|
129
|
+
font-weight: 700;
|
130
|
+
|
131
|
+
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
|
132
|
+
|
133
|
+
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
134
|
+
|
135
|
+
}
|
136
|
+
|
137
|
+
/* latin */
|
138
|
+
|
139
|
+
@font-face {
|
140
|
+
|
141
|
+
font-family: 'Lato';
|
142
|
+
|
143
|
+
font-style: normal;
|
144
|
+
|
145
|
+
font-weight: 700;
|
146
|
+
|
147
|
+
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
|
148
|
+
|
149
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
150
|
+
|
151
|
+
}
|
152
|
+
|
153
|
+
```
|
154
|
+
|
155
|
+
```
|
156
|
+
|
157
|
+
//同じく読み込んでいるhttps://fonts.googleapis.com/earlyaccess/notosansjp.cssんお中身
|
158
|
+
|
159
|
+
/* [0] */
|
160
|
+
|
161
|
+
@font-face {
|
162
|
+
|
163
|
+
font-family: 'Noto Sans JP';
|
164
|
+
|
165
|
+
font-style: normal;
|
166
|
+
|
167
|
+
font-weight: 100;
|
168
|
+
|
169
|
+
src: local('Noto Sans Japanese Thin'), local('NotoSansJapanese-Thin'), url(https://fonts.gstatic.com/s/notosansjp/v18/-F6ofjtqLzI2JPCgQBnw7HFQoggPkHFvpYB0ZLgOquiXicBay7SmPo5TGpQmRi51LTN8zRlVpKoJe8x2vg.0.woff2) format('woff2');
|
170
|
+
|
171
|
+
unicode-range: U+28946, U+28949, U+2896b, U+28987-28988, U+289ba-289bb, U+28a1e, U+28a29, U+28a43, U+28a71, U+28a99, U+28acd, U+28add, U+28ae4, U+28bc1, U+28bef, U+28cdd, U+28d10, U+28d71, U+28dfb, U+28e0f, U+28e17, U+28e1f, U+28e36, U+28e89, U+28eeb, U+28ef6, U+28f32, U+28ff8, U+292a0, U+292b1, U+29490, U+295cf, U+2967f, U+296f0, U+29719, U+29750, U+29810, U+298c6, U+29a72, U+29d4b, U+29ddb, U+29e15, U+29e3d, U+29e49, U+29e8a, U+29ec4, U+29edb, U+29ee9, U+29fce, U+29fd7, U+2a01a, U+2a02f, U+2a082, U+2a0f9, U+2a190, U+2a2b2, U+2a38c, U+2a437, U+2a5f1, U+2a602, U+2a61a, U+2a6b2, U+2a9e6, U+2b746, U+2b751, U+2b753, U+2b75a, U+2b75c, U+2b765, U+2b776-2b777, U+2b77c, U+2b782, U+2b789, U+2b78b, U+2b78e, U+2b794, U+2b7ac, U+2b7af, U+2b7bd, U+2b7c9, U+2b7cf, U+2b7d2, U+2b7d8, U+2b7f0, U+2b80d, U+2b817, U+2b81a, U+2f804, U+2f80f, U+2f815, U+2f818, U+2f81a, U+2f822, U+2f828, U+2f82c, U+2f833, U+2f83f, U+2f846, U+2f852, U+2f862, U+2f86d, U+2f873, U+2f877, U+2f884, U+2f899-2f89a, U+2f8a6, U+2f8ac, U+2f8b2, U+2f8b6, U+2f8d3, U+2f8db-2f8dc, U+2f8e1, U+2f8e5, U+2f8ea, U+2f8ed, U+2f8fc, U+2f903, U+2f90b, U+2f90f, U+2f91a, U+2f920-2f921, U+2f945, U+2f947, U+2f96c, U+2f995, U+2f9d0, U+2f9de-2f9df, U+2f9f4;
|
172
|
+
|
173
|
+
}
|
174
|
+
|
175
|
+
/* [1] */
|
176
|
+
|
177
|
+
@font-face {
|
178
|
+
|
179
|
+
font-family: 'Noto Sans JP';
|
180
|
+
|
181
|
+
font-style: normal;
|
182
|
+
|
183
|
+
font-weight: 100;
|
184
|
+
|
185
|
+
src: local('Noto Sans Japanese Thin'), local('NotoSansJapanese-Thin'), url(https://fonts.gstatic.com/s/notosansjp/v18/-F6ofjtqLzI2JPCgQBnw7HFQoggPkHFvpYB0ZLgOquiXicBay7SmPo5TGpQmRi51LTN8zRlVpKoJe8x2vg.1.woff2) format('woff2');
|
186
|
+
|
187
|
+
unicode-range: U+243bc, U+243d0, U+24629, U+246a5, U+247f1, U+24896, U+248e9, U+24a4d, U+24b56, U+24b6f, U+24c16, U+24d14, U+24e04, U+24e0e, U+24e37, U+24e6a, U+24e8b, U+24ff2, U+2504a, U+25055, U+25122, U+251a9, U+251cd, U+251e5, U+2521e, U+2524c, U+2542e, U+2548e, U+254d9, U+2550e, U+255a7, U+2567f, U+25771, U+257a9, U+257b4, U+25874, U+259c4, U+259cc, U+259d4, U+25ad7, U+25ae3-25ae4, U+25af1, U+25bb2, U+25c4b, U+25c64, U+25da1, U+25e2e, U+25e56, U+25e62, U+25e65, U+25ec2, U+25ed8, U+25ee8, U+25f23, U+25f5c, U+25fd4, U+25fe0, U+25ffb, U+2600c, U+26017, U+26060, U+260ed, U+26222, U+2626a, U+26270, U+26286, U+2634c, U+26402, U+2667e, U+266b0, U+2671d, U+268dd, U+268ea, U+26951, U+2696f, U+26999, U+269dd, U+26a1e, U+26a58, U+26a8c, U+26ab7, U+26aff, U+26c29, U+26c73, U+26c9e, U+26cdd, U+26e40, U+26e65, U+26f94, U+26ff6-26ff8, U+270f4, U+2710d, U+27139, U+273da-273db, U+273fe, U+27410, U+27449, U+27614-27615, U+27631, U+27684, U+27693, U+2770e, U+27723, U+27752, U+278b2, U+27985, U+279b4, U+27a84, U+27bb3, U+27bbe, U+27bc7, U+27c3c, U+27cb8, U+27d73, U+27da0, U+27e10, U+27fb7, U+2808a, U+280bb, U+28277, U+28282, U+282f3, U+283cd, U+2840c, U+28455, U+2856b, U+285c8-285c9, U+286d7, U+286fa;
|
188
|
+
|
189
|
+
}
|
190
|
+
|
191
|
+
/* [2] */
|
192
|
+
|
193
|
+
(以下長いので割愛)
|
194
|
+
|
195
|
+
```
|
2
文言訂正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
---
|
4
4
|
|
5
|
-
cssファイルにて
|
5
|
+
scssファイルにて
|
6
6
|
|
7
7
|
```
|
8
8
|
|
1
コード追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -34,6 +34,38 @@
|
|
34
34
|
|
35
35
|
→読み込むまで一瞬文字が消える
|
36
36
|
|
37
|
+
```
|
38
|
+
|
39
|
+
//該当部分SCSS
|
40
|
+
|
41
|
+
hoge {
|
42
|
+
|
43
|
+
padding: 4px 4px 4px 25px;
|
44
|
+
|
45
|
+
display: block;
|
46
|
+
|
47
|
+
color: #b4b4b4;
|
48
|
+
|
49
|
+
font-size: 12px;
|
50
|
+
|
51
|
+
text-decoration: none;
|
52
|
+
|
53
|
+
white-space: nowrap;
|
54
|
+
|
55
|
+
|
56
|
+
|
57
|
+
&:hover {
|
58
|
+
|
59
|
+
text-decoration:none;
|
60
|
+
|
61
|
+
font-weight:bold;
|
62
|
+
|
63
|
+
color:white;
|
64
|
+
|
65
|
+
}
|
66
|
+
|
67
|
+
```
|
68
|
+
|
37
69
|
![イメージ説明](1db66a93540ad55daddfba8ad5cbda25.png)
|
38
70
|
|
39
71
|
|