- Adobe Fonts User Guide
- Introduction
- Font licensing
- Fonts added from Adobe Fonts
- Web fonts from Adobe Fonts
- Creative Cloud for enterprise customers
- Removed fonts
- Why aren't these fonts included in my Creative Cloud subscription?
- Why am I being asked to purchase a license for fonts in Adobe Fonts?
- Adobe Fonts not available to Adobe IDs registered in China
- Getting and using fonts
- Using Adobe Fonts in Creative Cloud apps
- Manage your fonts
- Find fonts from images
- Resolve missing fonts in desktop applications
- Using fonts in InDesign
- Fonts and typography
- Using web fonts in HTML5 Canvas documents
- Using fonts in InCopy
- Using web fonts in Muse
- Packaging font files
- Troubleshooting guide: Adding fonts
- Added fonts aren't showing to the font menu
- "Unable to add one or more fonts" or "A font with the same name is already installed"
- What happens when a font I'm using is updated by the foundry?
- Hide fonts in Adobe programs
- Web design and development
- Add fonts to your website
- Troubleshooting guide: Adding fonts to a website
- Troubleshoot font issues
- Using web fonts in HTML email or newsletters
- Using web fonts with Accelerated Mobile Pages (AMP)
- CSS selectors
- Customize web font performance with font-display settings
- Embed codes
- Dynamic subsetting & web font serving
- Font events
- Why are my web fonts from use.typekit.net?
- Site can't connect to use.typekit.net
- Using web fonts with CodePen
- Browser and OS support
- Domains
- Using web fonts when developing locally
- Content security policy
- Printing web fonts
- Language support and OpenType features
- Font technology
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.
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ä.
CSS:ssä käytettävä kirjasinperheen nimi näkyy myös verkkoprojektissa. Lue lisää kirjasimien käytöstä CSS:ssä.
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.
