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>