回答編集履歴

2

追記

2018/08/10 14:30

投稿

退会済みユーザー
test CHANGED
@@ -5,3 +5,51 @@
5
5
  `//fonts.googleapis.com` のようにプロトコルを省略すると、そのページと同じプロトコルが使用されます。
6
6
 
7
7
  ローカルであれば `file://fonts.googleapis.com` と解釈されるので、あなたのパソコンにファイルがなければフォントは読み込まれません。
8
+
9
+
10
+
11
+ ### 追記
12
+
13
+
14
+
15
+ 以下のコードをHTMLファイルとして書き出して開いてみてください。
16
+
17
+
18
+
19
+ ```html
20
+
21
+ <!DOCTYPE html>
22
+
23
+ <meta charset="utf-8">
24
+
25
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cormorant|Cormorant+Infant">
26
+
27
+ <style>
28
+
29
+ .cormorant {
30
+
31
+ font-family: "Cormorant";
32
+
33
+ }
34
+
35
+ .cormorant-infant {
36
+
37
+ font-family: "Cormorant Infant";
38
+
39
+ }
40
+
41
+ </style>
42
+
43
+ <p>
44
+
45
+ ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
46
+
47
+ <p class="cormorant">
48
+
49
+ ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
50
+
51
+ <p class="cormorant-infant">
52
+
53
+ ABCČĆDĐEFGHIJKLMNOPQRSŠTUVWXYZŽabcčćdđefghijklmnopqrsštuvwxyzžАБВГҐДЂЕЁЄЖЗЅИІЇЙЈКЛЉМНЊОПРСТЋУЎФХЦЧЏШЩЪЫЬЭЮЯабвгґдђеёєжзѕиіїйјклљмнњопрстћуўфхцчџшщъыьэюяĂÂÊÔƠƯăâêôơư1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
54
+
55
+ ```

1

回答を変更

2018/08/10 14:30

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,6 @@
1
1
  ローカルでページを開いていませんか?
2
2
 
3
- もしそうなら、URLを`https://fonts.googleapis.com/css?family=Cormorant+Infant` に書き換えてみてください。
3
+ もしそうなら、URLを `https://fonts.googleapis.com/css?family=Cormorant+Infant` に書き換えてみてください。
4
4
 
5
5
  `//fonts.googleapis.com` のようにプロトコルを省略すると、そのページと同じプロトコルが使用されます。
6
6