I caratteri tipografici

Per non sovraccaricare il tuo sito Internet, WebAcappella ti permette di definire 6 diversi tipi di carattere.

Esistono 3 tipi di font:

• Carattere di testo standard (già installato sul tuo sistema)
• Carattere web (come GoogleFonts)
• Font web personalizzato (proveniente da file gratuiti o a pagamento)

Si consiglia di utilizzare al massimo uno o due caratteri Web su tutto il sito.

Ciò consentirà una visualizzazione rapida e una certa coerenza grafica.

Caratteri di testo standard

I caratteri di testo standard sono stati selezionati tra quelli installati di default su quasi tutti i sistemi operativi (Arial, Times ...).

Questo tipo di font non consumerà alcuna risorsa di rete, poiché è già presente sul terminale del visitatore del vostro sito.

Carattere di testo web personalizzato

Esistono siti che offrono file di caratteri Web (gratuiti o a pagamento).

Ecco un esempio di hosting del font "Amatic SC"

• Inserisci il nome del font "Amatic SC"
• Aggiungi i file woff e woff2 al tuo progetto
• Copiate il codice CSS integrando l'URL dei file ( '{{ WA_FONT_FAMILY }}' verrà sostituito automaticamente con '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+ */
}

Caratteri web di Google

WebAcappella vi permette di scegliere tra l'elenco dei caratteri web offerti da Google (Google Fonts)

WebAcappella scaricherà automaticamente i file per installarli sul vostro server.

(L’installazione automatica sul server richiede una licenza WebAcappella FUSION PRO)

fonts.google.com/