Brukerveiledning Avbryt

Bruke webskrifter med CodePen

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 Codepen sammen med den standard CSS-innebyggingskoden

Bruke Codepen ved å koble til CSS-filen direkte

Bruke skriftene i CSS-en din

Nå kan du bruke skriftfamilienavnene i CSS-redigeringsprogrammet til Pen. Skriftene blir synlige umiddelbart i Live View.

CodePen-redigeringsprogrammet med webskrift er tatt i bruk

Skriftfamilienavnet som skal brukes i CSS, er også oppført i webprosjektet; les mer om bruk av skrifter i CSS.

CSS-informasjon på webprosjekter-siden

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.

Få hjelp raskere og enklere

Ny bruker?