Git & Github
  1. Git & Github
  3. No se puede vincular la fuente personalizada a través de @ font-face en la página de GitHub

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

Intereting Posts
La image de background de CSS se mostrará localmente, pero no en gh-páginas, recibirá el error 404Página de GitHub cargando Bootstrap CSS, ¿pero no es mi hoja de estilo personalizada?Cómo crear widgets Durandal reutilizablesLa página de repository de Github da un error de 404php json data al menu no funcionaCódigo de resaltado en Github¿Por qué mi página no se carga en Github?Error CFURLCopyResourcePropertyForKey cuando gitk