Käyttöopas Peruuta

Verkkokirjasimien käyttäminen CodePenillä

CodePen on verkkopohjainen HTML-, CSS- ja JavaScript-koodieditori, jonka avulla voit kokeilla koodia suoraan selaimessa. Voit käyttää mukautettuja verkkokirjasimia suoraan kynilläsi.

Käytettävien kirjasimien valitseminen

Valitse kirjasimet ja luo verkkoprojekti toimimalla verkkokirjasimien opastusohjelmassa annettujen ohjeiden mukaan.

Upotuskoodin lisääminen kynään

Upotuskoodi voidaan lisätä CodePenin HTML-editorin asetusvalikon ”Stuff for <head>” -kentässä tai ”CSS > Add External CSS” ‑valikossa.

Löydät projektisi upotuskoodin siirtymällä Verkkoprojektit-sivulle ja etsimällä projektisi nimen. Kopioi ja liitä projektin oletusarvoinen CSS-upotuskoodi johonkin näistä sijainneista.

CodePenin käyttäminen oletusarvoisen CSS-upotuskoodin kanssa

CodePenin käyttäminen linkittämällä CSS-tiedosto suoraan

Kirjasimien käyttäminen CSS:ssä

Voit nyt käyttää kirjasinperheiden nimiä kynän CSS-editorissa, ja kirjasimet näkyvät välittömästi reaaliaikaisessa näkymässä.

CodePen-editori, jossa verkkokirjasin on käytössä

CSS:ssä käytettävä kirjasinperheen nimi näkyy myös verkkoprojektissa. Lue lisää kirjasimien käytöstä CSS:ssä.

Verkkoprojektisivun CSS-tiedot

Kynien jakaminen

Julkiset kynät voidaan jakaa, jolloin muut käyttäjät voivat kehittää koodiasi. Verkkokirjasimet toimivat myös jaetussa kynässä.

Projektin poistaminen tai tilauksen peruuttaminen

Jos poistat CodePenissä käyttämäsi projektin tai peruutat tilauksesi, kirjasimet eivät enää ole kyseistä upotuskoodia käyttävien kynien käytettävissä. Tämä koskee sekä alkuperäistä kynääsi että kaikkia siitä jaettuja kyniä. CSS:ssä määritettyjä varakirjasimia käytetään mukautettujen verkkokirjasimien sijaan.

Pyydä apua nopeammin ja helpommin

Oletko uusi käyttäjä?