CodePen er et nettbasert HTML-, CSS- og JavaScript-program for koderedigering som lar deg eksperimentere med kode direkte i nettleseren. Du kan bruke egendefinerte webskrifter direkte i Pens.
Velg skriftene du vil bruke
Følg veiledningen for webskrifter for å velge skrifter og opprette nettprosjektet ditt.
Legg til koden for innebygging i Pen
Innebyggingskoden kan legges til i CodePen-grensesnittet i feltet "Stuff for <head>" i Innstillinger-menyen i HTML-redigeringsprogammet eller i menyen "CSS > Legg til ekstern CSS"
Hvis du trenger innebyggingskoden for prosjektet ditt, går du til Webprosjekter-siden og finner prosjektnavnet. Kopier og lim inn standard CSS-innebyggingskoden for prosjektet på en av disse plasseringene.
Bruke skriftene i CSS-en din
Nå kan du bruke skriftfamilienavnene i CSS-redigeringsprogrammet til Pen. Skriftene blir synlige umiddelbart i Live View.
Skriftfamilienavnet som skal brukes i CSS, er også oppført i webprosjektet; les mer om bruk av skrifter i CSS.
Forgrene Pens
Offentlige Pens kan forgrenes, slik at andre brukere kan bygge på koden din. Webskriftene fungerer også i forgrenede Pens.
Slette et prosjekt eller kansellere abonnementet ditt
Hvis du sletter prosjektet du bruker på CodePen eller kansellerer abonnementet ditt, blir skriftene utilgjengelige for alle Pens som bruker den innebygde koden. Dette inkluderer den originale Pen-en, i tillegg til eventuelle Pens som ble forgrenet fra den. Reserveskriftene som er spesifisert i CSS-en, tas i bruk i stedet for de egendefinerte webskriftene.
Mer som dette
Utforsk Adobe Fonts
Finn riktig skrifttype til nett- og trykkprosjektene dine.
