Guida utente Annulla

Utilizzo dei font per web con CodePen

  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. Utilizzo dei font per web in Muse
    9. Creazione dei file di font
    10. Guida alla risoluzione dei problemi: aggiunta di font
    11. I font aggiunti non vengono visualizzati nel menu dei font
    12. "Impossibile aggiungere uno o più font" o "Un font con lo stesso nome è già installato"
    13. 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. Risoluzione dei problemi relativi ai font
    4. Utilizzo dei font per web in newsletter o e-mail HTML
    5. Utilizzo dei font per web con Accelerated Mobile Pages (AMP)
    6. Selettori CSS
    7. Personalizza le prestazioni dei font per web con le impostazioni di visualizzazione dei font
    8. Codici di incorporamento
    9. Suddivisione dinamica in sottoinsiemi e utilizzo dei font per web
    10. Eventi font
    11. Perché i miei font per web provengono da use.typekit.net?
    12. Il sito non può connettersi a use.typekit.net
    13. Utilizzo dei font per web con CodePen
    14. Supporto di browser e sistemi operativi
    15. Domini
    16. Utilizzo dei font per web per lo sviluppo locale
    17. Policy di protezione dei contenuti
    18. 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

CodePen è un editor di codice HTML, CSS e JavaScript basato sul Web che consente di sperimentare il codice direttamente nel browser. Puoi usare font per web personalizzati direttamente nei Pen.

Scegliere i font da usare

Segui l'esercitazione sui font per web per scegliere alcuni font e creare il tuo progetto Web.

Aggiunta del codice di incorporamento al Pen

Il codice di incorporamento può essere aggiunto all'interfaccia utente di CodePen nel campo "Stuff for <head>" (Elementi per <head>) nel menu delle impostazioni dell'editor HTML oppure nel menu "CSS> Aggiungi CSS esterno"

Per trovare il codice di incorporamento per il tuo progetto, visita la pagina dei progetti Web e individua il nome del progetto. Copia e incolla il codice di incorporamento del CSS predefinito per quel progetto in una di queste posizioni.

Utilizzo di CodePen con il codice di incorporamento CSS predefinito

Utilizzo CodePen collegando direttamente il file CSS

Applicare i font nel tuo CSS

Ora puoi usare i nomi delle famiglie di font nell'editor CSS di Pen e i font saranno immediatamente visibili nella vista Dal vivo.

Editor CodePen con font per web applicati

Il nome della famiglia di font da utilizzare nel CSS è elencato anche nel progetto Web; scopri di più sull'utilizzo dei font in CSS.

Informazioni CSS nella pagina del progetto Web

Forking dei Pen

È possibile eseguire il forking dei Pen pubblici, consentendo ad altri utenti di generare sul tuo codice. I font per web funzioneranno anche nel Pen sottoposto a forking.

Eliminazione di un progetto o annullamento dell'abbonamento

Se elimini il progetto che stai utilizzando su CodePen o annulli l'abbonamento, i font non saranno più disponibili in tutti i Pen che utilizzano tale codice di incorporamento. Questo include il Pen originale, così come tutti i Pen del forking del Pen originale. I font alternativi specificati nel CSS verranno applicati al posto dei font per web personalizzati.

Ottieni supporto in modo più facile e veloce

Nuovo utente?