回答編集履歴

1

追記

2019/09/23 01:03

投稿

hatena19
hatena19

スコア33763

test CHANGED
@@ -64,8 +64,6 @@
64
64
 
65
65
  src: url('file:///C:/Users/myname/Downloads/GABRWFFR.TTF');
66
66
 
67
- }');
68
-
69
67
  }
70
68
 
71
69
 
@@ -81,3 +79,41 @@
81
79
 
82
80
 
83
81
  質問の[リンク先](https://www.softel.co.jp/blogs/tech/archives/3676)を最後まで読めば、すべて書いてあることですけどね。
82
+
83
+
84
+
85
+ 追記
86
+
87
+ ---
88
+
89
+ ローカル(自分のPC)にダウンロードしたフォントをローカル環境で表示するという意味で回答しましたが、
90
+
91
+ よく考えたら、ダウンロードしたフォントを、WEB公開しているページ上で、だれから見ても表示されるようにしたい、という意味かも知れないですね。
92
+
93
+
94
+
95
+ だとしたら、公開してるHTMLをアップロードしているサーバーに、フォントファイルもアップロードして、そのフォントファイルのURLを `@font-face` で指定するということになります。
96
+
97
+
98
+
99
+ サーバーのルートに fonts というフォルダーを作成してそこにアップロードした場合
100
+
101
+ ```css
102
+
103
+ @font-face {
104
+
105
+ font-family: 'MyFont';
106
+
107
+ src: url('/fonts/GABRWFFR.TTF');
108
+
109
+ }
110
+
111
+
112
+
113
+ body {
114
+
115
+ font-family:'MyFont';
116
+
117
+ }
118
+
119
+ ```