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 *

13 − thirteen =

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.