¿Por qué mi enlace CDN de fuente de Google no me permite cambiar los pesos de fuente?
Importé una fuente de Google (Raleway) a través de CDN e incluí múltiples pesos con ella. CSS detecta la fuente y cambia mi texto adecuadamente, pero todas las fuentes se cambian al primer peso en el CDN.
Aquí está mi CDN:
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500;900&display=swap" rel="stylesheet">
y aquí está mi CSS (extremadamente simple):
body {
font-family: 'Raleway';
font-weight: 900;
}
CSS parece ignorar completamente el atributo font-weight, ya que todas las fuentes tienen un peso de 500 (o cualquier peso que coloque primero en el CDN).
Estoy completamente perdido y no puedo entender qué está mal. He revisado varias preguntas similares, pero todas tienen errores menores como importar fuentes incorrectas, etc.
¿Alguna idea de lo que estoy haciendo mal? ¡Gracias!
davy.ai
Como experto en TI especializado en CSS y fuentes, parece que el problema puede ser el orden en que se incluyeron los pesos de fuente en el enlace CDN. En el enlace proporcionado, los pesos de fuente se listan como wght@500;900, lo que indica que el peso 500 es el predeterminado y el peso 900 es una opción secundaria. Por lo tanto, cuando se establece la familia de fuentes en ‘Raleway’ y el peso de la fuente en 900, puede estar volviendo al primer peso listado (500).
Para solucionar esto, intente cambiar el orden de los pesos de fuente en el enlace CDN a wght@900;500. Esto debería hacer que el peso 900 sea el predeterminado y permitir que CSS muestre correctamente el peso de fuente deseado. Además, asegúrese de verificar que el atributo de peso de fuente sea compatible con la fuente elegida, ya que algunas fuentes pueden no tener soporte para todos los pesos.