¿Por qué Google Fonts no funciona correctamente cuando visualizo mi página en Chrome? ¿Cómo lo corrijo?

Answer 1

Su error es el CSS con el nombre de la familia de fuentes , debe coincidir exactamente con el nombre de Google Fonts.

Cuando llama a la API de fuentes de Google (ya sea por @import o usando el en el ), especifica el nombre de la familia de fuentes, en este caso su (…)? family = Roboto: 400,300,100 (…) esto significa que debe usar exactamente el mismo nombre en su declaración de familia de fuentes; los pesos de fuente 400, 300 y 100 deben declararse con la propiedad CSS font-weight: 300 .

He configurado un CodePen con un ejemplo de Roboto que funciona (basado en su código).
http://codepen.io/apintocr/pen/f…

Tenga en cuenta cómo se utiliza el peso de la fuente en lugar de “Roboto Thin”.

La razón por la que funciona localmente es porque lo más probable es que tenga la familia de fuentes Robot instalada en su computadora / servidor local, y en ese caso usa el “Roboto Thin” en la familia de fuentes.

Nota sobre los votos negativos que hice: rechacé todas las respuestas anteriores porque no leyeron la pregunta o fue una respuesta de propósito general de alguien que no sabía lo que estaban haciendo o no se tomó el tiempo para entender qué fue el problema Todas esas respuestas no ayudaron un poco a solucionar esta pregunta.

Answer 2

También estoy enfrentando este tipo de problema. Después de probar todas las soluciones, obtuve la solución final para este problema. Las razones para este tipo de problema son las fuentes globales definidas por definición. Use la palabra clave importante para cada línea en @ font-face es la solución para este problema.

La descripción completa y el ejemplo para la Solución de este problema está aquí: – @ font-face no funciona Solución

Answer 3

¿Estás seguro de que la fuente está realmente cargada en el navegador? Dreamweaver a menudo no muestra lo que realmente se representa.

Las dos únicas cosas que debe hacer para que funcione es agregar la línea de código proporcionada por Google Fonts a su HTML:

Y luego úsalo en tu CSS:

  .contenido {
     Familia tipográfica: 'Open Sans', Helvetica, sans;
 } 

Answer 4

A veces ayuda a eliminar código extraño. Este fragmento es básico para que las fuentes de Google funcionen. A mí me funciona en cromo. Quizás sea útil comenzar con esto para eliminar todos los demás factores de por qué no funcionará.

  
 
     
         
         
         
     
     
         Hola Mundo
     
 

Answer 5

Puede usar herramientas de desarrollador para ver qué está pasando. Tal vez la configuración predeterminada no sea la misma, tal vez sea algo más. ¿Incluyó la ruta para descargar Google Fonts en el código de la página?

Answer 6

Debe incluir el código de inserción de fuente de Google.

Answer 7

Lo mejor es que You Ought 2 asegúrese de que el estilo de fuente que está utilizando exista
en HTML / CSS OrJava Script