Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Problemas al Cambiar font en Html

por Cristobal Muñoz Montiel
| 67k xp | 7 posts
Ingeniero Levantamientos Digitales

Quería consultar, al momento de incorporar una nueva font "Roboto" al HTML no procede a realizar el cambio, el Head,

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>    
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="reset.css">

y en el css body{ font-family: 'Roboto', sans-serif; }

pero no realiza el cambio dentro de la página, quedo atento si alguien tiene la solución, saludos

1 respuesta
por Brenda Souza
| 3814.9k xp | 13908 posts
Alura Scuba Team Scuba

¡Hola Cristobal, espero que estés bien!

Parece que estás teniendo un problema al intentar cambiar la fuente en tu página HTML. El código que has compartido parece correcto, pero es posible que el problema esté en la forma en que estás referenciando la fuente en tu archivo CSS. Asegúrate de que la ruta de tu archivo CSS sea correcta y de que esté enlazada correctamente en tu archivo HTML.

Además, verifica que estás aplicando la regla de fuente al elemento correcto en tu archivo CSS. Por ejemplo, si estás intentando cambiar la fuente para todo el cuerpo de la página, la regla font-family debe estar aplicada al selector body como lo has hecho.

Si has verificado estos puntos y el problema persiste, es posible que haya un conflicto con otras reglas de estilo en tu archivo CSS que estén sobrescribiendo la fuente. Puedes intentar agregar !important a la regla de fuente para asegurarte de que prevalezca sobre otras reglas.

Aquí tienes un ejemplo de cómo debería lucir la regla de fuente en tu archivo CSS:

body {
    font-family: 'Roboto', sans-serif !important;
}

Espero que estas sugerencias te ayuden a solucionar el problema. ¡Buena suerte y saludos!