使用@font-face 添加自定义字体根本不起作用

Question

我正在尝试向网站添加外部字体，但该网站根本没有响应。我是初学者，刚刚学习，我整天都在努力，谢谢你的帮助。

@font-face {
    font-family: "Alex";
    src: url(fonts/AlexBrush-Regular.ttf) format('truetype'),
         url(fonts/AlexBrush-Regular.woff) format('woff'),
         url(fonts/AlexBrush-Regular.woff2) format('woff2');
}



body {
  text-align: center;
}


h1 {
  color: black;
  font-family: "Alex";
}

.space p {
  font-size: 40px;
  font-family: "Alex";
}

Answer 1

将存档路径放在字符串中 例如：

     url("fonts/AlexBrush-Regular.ttf") format("truetype"),
     url("fonts/AlexBrush-Regular.woff") format("woff"),
     url("fonts/AlexBrush-Regular.woff2") format("woff2");