CodePen er en webbaseret HTML-, CSS- og JavaScript-kodeeditor, der lader dig eksperimentere med kode direkte i browseren. Du kan bruge tilpassede webskrifttyper direkte i dine penne.
Vælg de skrifttyper, du vil bruge
Følg vejledningen i webskrifttyper for at vælge nogle skrifttyper, og opret dit webprojekt.
Føj indlejringskoden til pennen
Indlejringskoden kan føjes til CodePen UI i feltet "Ting til <head>" i HTML-editorens indstillingsmenu eller i menuen "CSS > Tilføj ekstern CSS".
For at finde indlejringskoden til dit projekt skal du besøge siden for webprojekter og finde projektnavnet. Kopiér og indsæt standard CSS-indlejringskoden for det pågældende projekt på en af disse placeringer.
Anvend skrifttyperne i din CSS
Nu kan du bruge skrifttype-familienavnene i pennens CSS-editor, og skrifttyperne vil straks være synlige i Live View.
Det skrifttype-familienavn, der skal bruges i CSS, er også angivet i webprojektet. Læs mere om brug af skrifttyper i CSS.
Forkning af penne
Offentlige penne kan forkes, så andre brugere kan bygge videre på din kode. Webskrifttyperne vil også fungere i den forkede pen.
Sletning af et projekt eller opsigelse af dit abonnement
Hvis du sletter det projekt, du bruger på CodePen, eller opsiger dit abonnement, vil skrifttyperne ikke længere være tilgængelige for nogen af de penne, der bruger den indlejrede kode. Dette inkluderer din originale pen, såvel som alle kuglepenne, der blev forket fra den. De reserveskrifttyper, der er angivet i CSS, vil blive anvendt i stedet for de tilpassede webskrifttyper.
Mere som dette
Udforsk Adobe Fonts
Find den perfekte skrifttype til ethvert web- eller printprojekt.
