回答編集履歴

1

「wp_enqueue_style」を使う方法について追記しました。

2020/06/27 06:54

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -1,3 +1,5 @@
1
+ [1]
2
+
1
3
  何らかの理由で「'Great Vibes'」が読み込めておらず、次の候補の「cursive」のフォントが表示されているようです。まずは素直に<head>内に以下を記載して、表示できるか確認してみてください。
2
4
 
3
5
 
@@ -8,11 +10,37 @@
8
10
 
9
11
  ---
10
12
 
13
+ [2]
14
+
15
+ [1] でフォントの表示確認ができたら、「wp_enqueue_style」を使って読み込みをしてみてください。
16
+
17
+ 下記参考サイトによると、以下のような記述になるようです。第2引数まで入力すればOKな模様です。
18
+
19
+ ```PHP
20
+
21
+ function my_scripts() {
22
+
23
+ wp_enqueue_style( 'google-webfont-style', '//fonts.googleapis.com/css?family=Anton' );
24
+
25
+ }
26
+
27
+ add_action( 'wp_enqueue_scripts', 'my_scripts' );
28
+
29
+ ```
30
+
31
+ 参考URL:
32
+
33
+ [http://www.micro5.net/2018/02/12/google-web-fonts](http://www.micro5.net/2018/02/12/google-web-fonts)
34
+
35
+
36
+
37
+ ---
38
+
11
39
  `font-family: 'Great Vibes', cursive;`
12
40
 
13
41
 
14
42
 
15
- 「cursive」は「筆記体」の意味で、特定のフォント名ではありません。
43
+ ちなみに「cursive」は「筆記体」の意味で、特定のフォント名ではありません。
16
44
 
17
45
  「ゴシック体」「明朝体」のようなフォントの種類、「総称フォントファミリ」です。
18
46