0

Vi muchos ejemplos (la mayoría repetidos), pero no logro cargar la font en mi proyecto laravel.

Tengo mi font en public/fonts y en el resources/assets/sass/app.scss tengo:

// Fonts
@font-face {
    font-family: Metropolis-Bold;
    src: url('/fonts/Metropolis-Bold.tff');
}

Pero aun no me carga.

En la consola me sale:

app.js:14773 GET http://proyecto.test/fonts/Metropolis-Bold.tff net::ERR_ABORTED 404 (Not Found)

Entro a esa parte del sitio (http://proyecto.test/fonts/Metropolis-Bold.tff) y me sale:

Sorry, the page you are looking for could not be found.

Uso Laragon, aunque no creo que eso tenga que ver.

3
  • la carga de la fuente la estas haciendo desde un archivo css o desde el archivo html????
    – Bryro
    Commented el 28 ene. 2020 a las 17:54
  • Creo que dejé claro que era en el app.scss donde cargaba la font
    – Jonathan
    Commented el 28 ene. 2020 a las 18:34
  • debes agregar el public a tu url pero lo mejor seria cargarlo en el master.blade <style> @font-face { font-family: Metropolis-Bold; src: url('{{ URL::asset("fonts/Metropolis-Bold.tff") }}'; }</style>
    – Bryro
    Commented el 28 ene. 2020 a las 18:44

1 respuesta 1

1

Conseguí solucionar mi problema (la marcaré como solucionado cuando tenga el privilegio).

1er Fallo:

No me fijé que el archivo era de formato .otf, lo tenia .tff en el app.scss

2do Fallo:

No tenia las fonts donde debían estar. Por ejemplo, mi app.scss es:

@font-face {
    font-family: Metropolis-Bold;
    src: url('/fonts/Metropolis-Bold.tff');
}

Entonces la dirección donde debería guardar los archivos es:

(root)/public/fonts

Al comienzo lo tenia así, pero en muchos ejemplos colocan static cosa que no me fue necesaria

2
  • A los dos días me parece puedes marcarla como aceptada
    – user128299
    Commented el 28 ene. 2020 a las 20:56
  • Si, aún faltan 20 horas.
    – Jonathan
    Commented el 29 ene. 2020 a las 21:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.