0

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.

introducir la descripción de la imagen aquí

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.

9
  • Ya intentaste ponerle !important ? el 18 jul. 2020 a las 18:09
  • Ahi lo probe, la cosa es q lo tengo que probar en "produccion" digamos para verlo desde la pc que esta a 500km de aca. amparandotusalud.com/css/style.css Todavia no me actualiza el css, no se a que se puede deber eso. Generalmente hostinger tarda en actualizar estas cosas. En breve te digo si se soluciono, gracias
    – Agustin G.
    el 18 jul. 2020 a las 18:28
  • awanta... por lo que veo... no te carga la fuente, posiblemente está mal la ruta, en firefox hay un tab fonts. Y una parte que dice All fonts on page, si no te sale allí tu fuente, es que no la pudo cargar. Disculpa pensé que te salía como a la derecha en vez de como a la izquierda, y te recomiendo poner siempre una fuente de remplazo por si la primera no carga lo sepas inmediatamente. el 18 jul. 2020 a las 18:34
  • adicionalmente te recomiendo revisar las preguntas: es.stackoverflow.com/questions/104808/… y es.stackoverflow.com/questions/33542/… porque roboto casi siempre se usaba con bootstrap :) el 18 jul. 2020 a las 18:38
  • es la misma fuente que utilizo para el texto de toda la pagina, eso es mas raro todavia
    – Agustin G.
    el 18 jul. 2020 a las 18:48

0

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

Examina otras preguntas con la etiqueta o formula tu propia pregunta.