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

Question

I'm trying to add an external font to a website, the site does not respond at all. I'm a beginner and just learning, I work on it all day, thank you for your help.

@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

Put the archive path inside a string Ex:

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