Guida utente Annulla

Aggiunta di font al tuo sito Web

  1. Guida utente di Adobe Fonts
  2. Introduzione
    1. Requisiti di sistema e di abbonamento
    2. Supporto di browser e sistemi operativi
    3. Aggiunta dei font sul computer
    4. Aggiunta di font al tuo sito Web
    5. Aggiunta dei font in CC Mobile
  3. Licenze per font
    1. Licenze per font
    2. Gestire l'account
    3. Licenza per i clienti Creative Cloud for enterprise
    4. Aggiunta di licenze per font al tuo account
    5. Rimozione di font dalla libreria dell’abbonamento
    6. Adobe Fonts non disponibile per gli Adobe ID registrati in Cina
    7. Perché questi font non sono inclusi nel mo abbonamento a Creative Cloud?
    8. Rimozione dei font Morisawa settembre 2021
  4. Ottenere e usare i font
    1. Utilizzo di Adobe Fonts nelle app Creative Cloud
    2. Gestione dei font
    3. Risoluzione dei problemi relativi ai font mancanti nelle applicazioni desktop
    4. Utilizzo dei font in InDesign
    5. Font e composizione tipografica
    6. Utilizzo dei font per web nei documenti per l’area di lavoro HTML5
    7. Utilizzo dei font in InCopy
    8. Come usare i font in Adobe Muse
    9. Utilizzo dei font per web in Muse
    10. Creazione dei file di font
    11. Guida alla risoluzione dei problemi: aggiunta di font
    12. I font aggiunti non vengono visualizzati nel menu dei font
    13. "Impossibile aggiungere uno o più font" o "Un font con lo stesso nome è già installato"
    14. Cosa succede quando il font che sto usando è aggiornato dalla foundry?
  5. Progetti Web e sviluppo
    1. Aggiunta di font al tuo sito Web
    2. Guida alla risoluzione dei problemi: aggiunta di font al tuo sito Web
    3. Utilizzo dei font per web in newsletter o e-mail HTML
    4. Utilizzo dei font per web con Accelerated Mobile Pages (AMP)
    5. Selettori CSS
    6. Personalizza le prestazioni dei font per web con le impostazioni di visualizzazione dei font
    7. Codici di incorporamento
    8. Suddivisione dinamica in sottoinsiemi e utilizzo dei font per web
    9. Eventi font
    10. Perché i miei font per web provengono da use.typekit.net?
    11. Il sito non può connettersi a use.typekit.net
    12. Utilizzo dei font per web con CodePen
    13. Supporto di browser e sistemi operativi
    14. Domini
    15. Utilizzo dei font per web per lo sviluppo locale
    16. Policy di protezione dei contenuti
    17. Stampa dei font per web
  6. Supporto per le lingue e funzioni OpenType
    1. Suddivisione in sottoinsiemi e supporto della lingua
    2. Utilizzo delle funzioni OpenType
    3. Sintassi per le funzioni OpenType in CSS
  7. Tecnologia dei font
    1. Font a colori OpenType-SVG
    2. Ten Mincho: punti importanti sull'aggiornamento dalla versione 1.000

I font per web di Adobe Fonts possono essere utilizzati nei tuoi siti Web, nelle campagne e-mail HTML, negli articoli con formato AMP di Google e in molti altri tipi di progetti che supportano i font per web.

 

Scegliere i font da usare

Comincia sfogliando la libreria di font. Puoi scegliere il supporto della lingua richiesto dal menu a discesa LINGUE E SISTEMI DI SCRITTURA.

Viene visualizzata l'interfaccia Web dei font con le impostazioni della lingua
Seleziona il menu della lingua e i sistemi di scrittura per visualizzare il menu del filtro della lingua per i font

Aggiungi tag o filtri per perfezionare l’elenco di font. Utilizza i nostri tag in linguaggio naturale per sfogliare i font che si adattano meglio al tuo progetto oppure filtra per classificazione (come serif o sans serif), proprietà (altezza x, larghezza o spessore) o lingua. 

Sfogliare i tag di Adobe Fonts

Creare un progetto Web

Quando trovi un font che ti piace, fai clic sul pulsante </> per aggiungere la famiglia a un progetto Web.

Un'immagine dei font Gilbert viene visualizzata con l'opzione Aggiungi famiglia evidenziata

Puoi anche fare clic sul nome del font per aprire la pagina della famiglia e vedere tutti gli spessori e gli stili del font disponibili per l’uso. Quindi fai clic su </>Aggiungi al progetto Web nella parte superiore della pagina per aggiungere la famiglia a un progetto Web.

aggiunta di famiglie di font e scelta di stile e spessore dei font dal sito Web dei font

Nella finestra Aggiungi font a un progetto Web, assegnerai un nome al tuo progetto Web e deciderai quali font devono esservi inclusi.

  1. Fai clic sul menu e seleziona “Crea un nuovo progetto”
  2. Assegna un nome al progetto Web
  3. Utilizza le caselle di controllo per selezionare gli spessori e gli stili di font che desideri includere.
  4. Crea il progetto.

In seguito, sarai anche in grado di apportare modifiche alle impostazioni del progetto dalla pagina Gestione dei font.

Un'immagine di una finestra a comparsa in cui vengono selezionati i font da aggiungere a un nuovo progetto dalla pagina Web dei font

Successivamente, ti verrà dato il codice di incorporamento per caricare i font nel tuo sito Web. Le diverse opzioni sono spiegate nella pagina di aiuto sul codice di incorporamento; il codice di incorporamento predefinito funziona bene per la maggior parte dei progetti.

Copia il codice di incorporamento e aggiungilo al tag <head> del tuo sito Web.

Il codice di incorporamento per i font viene visualizzato nell'immagine insieme agli stili dei font

Fai clic su Fine per chiudere la finestra del progetto Web e continuare la navigazione.  Per aggiungere altri font al tuo progetto, fai clic sul pulsante </> in un’altra famiglia di font, quindi scegli il nome del progetto dal menu (anziché “Crea un nuovo progetto”).

Personalizzare il progetto Web

Il tuo progetto Web e tutti i font che hai aggiunto saranno elencati in Gestione dei font.

Fai clic sul pulsante Modifica progetto per cambiare gli spessori e gli stili dei font inclusi, rimuovere completamente una famiglia di font per web dal progetto o specificare un'impostazione di visualizzazione dei font. Puoi inoltre modificare il set di caratteri nell'editor del progetto web, che specifica il supporto della lingua del progetto.  

I font dell’Asia orientale devono essere forniti con suddivisione dinamica, mentre altri font hanno opzioni di suddivisione basate sulla lingua: Predefinita, Tutti i caratteri o un sottoinsieme di lingue personalizzato. La pagina di aiuto relativa alla Suddivisione in sottoinsiemi e supporto della lingua contiene ulteriori informazioni sulle diverse opzioni.

Nel progetto puoi includere qualsiasi funzionalità OpenType selezionando la casella “Funzionalità OpenType”. Selezionando questa casella viene, inoltre, visualizzato un elenco di funzionalità disponibili per quella particolare famiglia di font per web, come legature, caratteri alternativi o maiuscoletto.

La visualizzazione dei font consente di specificare come i font per web vengono caricati nel browser web e applicati al sito web. Maggiori informazioni su queste opzioni sono disponibili nella nostra pagina di supporto Impostazioni di visualizzazione dei font.

Una volta configurato il progetto nel modo desiderato, fai clic su “Salva modifiche” per salvarlo. Gli aggiornamenti saranno disponibili per l’uso sul tuo sito Web entro pochi minuti.

Applicare i font nel tuo CSS

La pagina Progetto Web elenca il nome della famiglia di font CSS, il valore numerico dello spessore e lo stile di ciascun font del progetto. Usa i nomi delle famiglie di font del tuo CSS per applicare i font al testo.

wp-page

 Adobe

Ottieni supporto in modo più facile e veloce

Nuovo utente?