Ho un problema con Google Font, che non riesco a spiegarmi.
Il sito utilizzava inizialmente due font di Google, ma poi il cliente mi ha chiesto di cambiarle, ed ha scelto Palanguin Dark e Taviraj.
Ho provato a sostituirli ai vecchi, ma quando vado ad aprire la pagina non riconosce NESSUN carattere: nell'inspector, si vede che il font indicato nel file CSS risulta barrato, e carica sempre e comunque un generico font serif, anche laddove dovrebbe quanto meno caricare un sans-serif!
Ho persino fatto una prova, caricando altri due font, che utilizzo su un altro sito che sta sempre sui medesimi server (Aruba), ma si comporta allo stesso modo, e li ignora.
Carico i file sulla pagina con questo codice:
codice:
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Palanquin+Dark:wght@500&family=Taviraj:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
che è il modo indicato da Google Fonts stesso, e poi nel file CSS:
codice:
@font-face { font-family: 'Palanquin Dark', sans-serif;
font-family: 'Taviraj', serif;
}
ovviamente poi indicando per ciascun id/class quale utilizzare.
Sull'altro sito (quello che li carica correttamente) i font sono richiamati così:
codice:
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic|Roboto:700' rel='stylesheet' type='text/css'>
e poi nel CSS:
codice:
@font-face {
font-family: 'Roboto', sans-serif;
font-family: 'Droid Serif', serif;
}
ed anche se ricopio pari-pari questo codice sull'altro sito, continua a mostrare un fonte generico dappertutto...