Oltre ai font di sistema, WebSite X5 consente di integrare e utilizzare in maniera molto semplice anche Web Fonts ripresi da:
| ▪ | portali come Google Fonts™ (gratuito): offrono Web Fonts già pronti all'uso da richiamare attraverso i fogli di stile (CSS) delle Pagine del Sito. |
| ▪ | portali come Fontsquirrel: permettono di scaricare nuovi font sul nostro computer, perché possano poi essere pubblicati sul server Web del Sito. |
Grazie ai Web Fonts è possibile utilizzare per la formattazione dei testi font diversi da quelli standard e avere comunque la certezza che le Pagine Web verranno visualizzate correttamente da tutti, senza che i font scelti vengano sostituiti da altri.
Il sistema per ricercare e installare un Google Fonts è integrato direttamente in WebSite X5: in questo modo tutta la procedura è molto semplice e veloce.
| ▪ | Quando è possibile impostare il carattere di un testo, aprire il menu a tendina per la scelta del font e cliccare sulla voce Altri tipi di carattere per accedere alla finestra Web Font: qui, cliccare sul pulsante Aggiungi. |
| ▪ | Nella finestra Aggiungi Web Font a cui si accede, rimanere nella sezione Google Font e utilizzare gli strumenti di ricerca, di ordinamento e di anteprima disponibili per individuare il font da aggiungere. |
| ▪ | Confermare cliccando su OK. |
Portata a termine questa semplice procedura, il nuovo font viene automaticamente proposto da WebSite X5 in tutti i punti dove è possibile scegliere il font da applicare a un testo: nel menu di selezione, i Google Font si distinguono perché affiancati dall'icona  .
|
Scelto un nuovo font da un portale e scaricati i file che ne consentono l'utilizzo sia su Desktop che su Web (vedere, per esempio: Come scaricare un font da Fontsquirrel), è possibile utilizzarlo in WebSite X5 in maniera molto semplice:
| ▪ | Quando è possibile impostare il carattere di un testo, aprire il menu a tendina per la scelta del font e cliccare sulla voce Altri tipi di carattere per accedere alla finestra Web Font: qui, cliccare sul pulsante Aggiungi. |
| ▪ | Nella finestra Aggiungi Web Font a cui si accede, aprire la sezione Web Font, scegliere di integrare un Offline Web Font e importare il File TTF per la visualizzazione in locale. |
| ▪ | Anche se non è obbligatorio, per un miglior supporto sui diversi Browser è consigliabile importare anche, se disponibili, il File WOFF, il File SVG e il File EOT relativi al nuovo font che si vuole utilizzare. |
| ▪ | Confermare cliccando su OK. |
Integrato un nuovo Web Font, questo sarà automaticamente disponibile in tutti i menu che consentono di selezionare il font da applicare ad un testo. Nel menu di selezione, i Web Font Offline si distinguono perché affiancati dall'icona  .
|
Best practice:
Approfondimenti:
