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.
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.
Il nome della famiglia di font da utilizzare nel CSS è elencato anche nel progetto Web; scopri di più sull'utilizzo dei font in CSS.
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.
Altri contenuti simili
Esplora Adobe Fonts
Trova il font perfetto per qualsiasi progetto web o di stampa.
