No se puede vincular la fuente personalizada a través de @ font-face en la página de GitHub

Estoy intentando usar una fuente web personalizada en una página de GitHub usando @font-face en mi CSS . .woff una carpeta en el repository y cargué el .woff file de la fuente que quiero usar. Sin embargo, parece que no puedo vincular correctamente la fuente. A continuación encontrará el HTML básico y el CSS con los que estoy trabajando.

En mi página de GitHub ( [username].github.io ) es posible simplemente vincular una hoja de estilo, ya que está ubicada en una carpeta en el mismo directory que index.html :

Directorio de mi página de GitHub

Ahora, ¿por qué parece que no puedo vincular un .woff -file también sentado en una carpeta en el mismo directory ?:

Ubicación del archivo .woff vinculado en el CSS

Intenté hacerlo enlazando con la fuente a través de @font-face y usando Assets/AkzidenzGrotesk-Regular.woff como la url . Sin embargo, el sitio se niega a usar la fuente y recurre a Times, como se especifica en el CSS .

¿Alguien puede ayudarme y explicarme por qué sucede esto? ¿Cómo debo vincular el file de fuente para usarlo en el sitio?

Mi file de índice:

 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="CSS/basic.css"> <link href="https://fonts.googleapis.com/css?family=Work+Sans" rel="stylesheet"> </head> <body> <h1>Personal HTML-Projcet</h1> <p>Personal web design project, hosted via GitHub-Pages.</p> <div class="grotesk"> <p>This is a test, using Akzidenz Grotesk as a webfont.</p> </div> </body> </html> 

Y el respectivo CSS:

 @font-face { font-family: AkzidenzGroteskRegular; src: url(/Assets/AkzidenzGrotesk-Regular.woff); } body { background-color: white; font-family: 'Work Sans', sans-serif; } h1 { color: black; } p { color: black; } .grotesk { font-family: 'AkzidenzGroteskRegular', 'Times'; } 

Asegúrese de actualizar su caching, porque todo lo que veo en j0hnga1t.github.io muestra que se utiliza la fuente Berthold Akzidenz-Grotesk Regular .

enter image description here