Le estoy haciendo un sitio web a mi hermano https://amparandotusalud.com Se me presenta el siguiente problema (adjunto imagen)
En mi computadora, y en todas las que probé (asi como celulares) la página se ve bien. Mas allá de algunos detalles que hay que ir modificando para cada caso, todo va normal.
Cuando mi hermano mira la página en su notebook, con Google Chrome a una resolucion de 1280*768, la barra de navegacion del sitio aparece sin texto. Si yo pongo esa misma resolución en mi compu, entro por Chrome, yo puedo verlo sin problemas. Ya ingresé a su pc por teamviewer, me fijé de reiniciar caché y todo eso. Les muestro como tengo el código y una imagen de lo que pasa:
(todo esto en la pc que se ve el problema, por medio de teamviewer) Primero se observa el nav en blanco. Luego abro el inspector, y le doy uncheck a la clase que le dá la tipografía al nav. Ahora el problema se corrige. La cosa es que yo quisiera que esta fuente de la imagen, se vea unicamente cuando la fuente no se carga.
Asi es como tengo las fuentes colocadas en el CSS
@font-face {
font-family: Roboto-Light;
src: url('../fonts/Roboto-Light.ttf');
}
nav{
font-family: "Roboto-Light", Georgia, Serif;
}
Cualquier ayuda es bienvenida, muchas gracias.
!important
?