I Web Fonts 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 Web Fonts.
Il servizio web Adobe Fonts richiede che i Web Fonts vengano utilizzati tramite il codice da incorporare da loro fornito. Le Condizioni d'uso non consentono di ospitare autonomamente i file dei web font o di caricarli su una piattaforma di progettazione di siti web.
Scegliere i font da usare
Comincia sfogliando la libreria di font. lingua richiesto dal menu a discesa LINGUE E SISTEMI DI SCRITTURA.
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.
Creare un progetto Web
Quando trovi un font che ti piace, fai clic sul pulsante </> per aggiungere la famiglia a un progetto Web.
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.
Nella finestra Aggiungi font a un progetto Web, assegnerai un nome al tuo progetto Web e deciderai quali font devono esservi inclusi.
- Fai clic sul menu e seleziona “Crea un nuovo progetto”
- Assegna un nome al progetto Web
- Utilizza le caselle di controllo per selezionare gli spessori e gli stili di font che desideri includere.
- Crea il progetto.
In seguito, sarai anche in grado di apportare modifiche alle impostazioni del progetto dalla pagina Gestione 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.
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. Ulteriori informazioni su queste opzioni sono disponibili nella pagina di aiuto delle impostazioni font-display.
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.
Altri contenuti simili
Esplora Adobe Fonts
Trova il font perfetto per qualsiasi progetto web o di stampa.
