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>

Published
Categorized as General

Leave a comment

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

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

  • Responsable Jordi Juan Pérez.
  • Finalidad  Moderar los comentarios. Responder las consultas.
  • Legitimación Su consentimiento.
  • Destinatarios  NICALIA.
  • Derechos Acceder, rectificar y suprimir los datos.
  • Información Adicional Puede consultar la información detallada en la Política de Privacidad.