Carregar correctament les Google Fonts


Google és realment sorprenent. Les seues ferramentes són bàsicament les que més penalitzen a l’hora de fer un anàlisi en PageSpeed Insights (altra eina de Google)..

La utilització d’una de les seues populars tipografies, si no s’implementa correctament, serà motiu de penalització en l’optimització de la pàgina. En fi….

Ací vos pose un exemple per a carregar la font Open Sans i Roboto. Cal inserir aquest codi entre les etiquetes <head> i </head> del vostre lloc web:

<head>

<!-- Preconectem a Google Fonts -->
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>

<!-- Li donem prioritat per a que carregue la font -->
<link rel='preload' as='style' href='https://fonts.googleapis.com/css?family=Open+Sans|Roboto:wght@300&display=swap'>

<!-- Carreguem el CSS -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans|Roboto:wght@700&display=swap'>


</head>


Deixa un comentari

L’adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *

six + eight =

Información básica sobre protección de datos Ver más

  • Responsable: Jordi Juan Pérez.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a NICALIA que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad