Caratteri di scrittura¶
Per evitare di sovraccaricare il vostro sito web, WebAcappella vi permette di definire 6 font diversi.
Esistono 3 tipi di ghisa:
Font di testo standard (già installato nel sistema)
Caratteri web (come GoogleFonts)
Web Font personalizzato (da file gratuiti o a pagamento)
È consigliabile utilizzare al massimo uno o due font Web in tutto il sito.
Questo vi permetterà di visualizzare le vostre immagini in modo rapido e con una certa coerenza grafica.
Carattere di testo standard¶
I font di testo standard sono stati selezionati tra quelli installati di default su quasi tutti i sistemi operativi (Arial, Times, ecc.).
Questo tipo di font non consuma risorse di rete, poiché esiste già sul terminale del visitatore del vostro sito.
Testo web personalizzato¶
Troverete siti che offrono file di font Web (gratuiti o a pagamento).
Ecco un esempio di hosting del font “Amatic SC”
Inserire il nome del font «Amatic SC»
Aggiungere i file woff e woff2 al progetto
Copiare il codice CSS e includere l’url del file (“{{ WA_FONT_FAMILY }}” sarà automaticamente sostituito da “Amatic SC”)
/* amatic-sc-regular - latin */
@font-face {
font-family: '{{ WA_FONT_FAMILY }}';
font-style: normal;
font-weight: 400;
src: local(''),
url('{{WA_FILE amatic-sc-v24-latin-regular.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{{WA_FILE amatic-sc-v24-latin-regular.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* amatic-sc-700 - latin */
@font-face {
font-family: '{{ WA_FONT_FAMILY }}';
font-style: normal;
font-weight: 700;
src: local(''),
url('{{WA_FILE amatic-sc-v24-latin-700.woff2}}') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('{{WA_FILE amatic-sc-v24-latin-700.woff}}') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
Google Web Font¶
WebAcappella consente di selezionare dall’elenco dei font Web offerti da Google (Google Fonts)
WebAcappella scaricherà automaticamente i file e li installerà sul vostro server.
(L’installazione automatica sul server richiede una licenza WebAcappella FUSION PRO)
