Adobe Fontsin verkkokirjasimia voidaan käyttää sivustoissasi, HTML-sähköpostikampanjoissa, Googlen AMP-muodossa olevissa artikkeleissa ja monissa muissa projekteissa, joissa verkkokirjasimia tuetaan.
Adobe Fonts ‑verkkopalvelu edellyttää, että verkkokirjasimia käytetään niiden upotuskoodin kautta. Käyttöehdot eivät anna sinun isännöidä verkkokirjasintiedostoja itse tai lähettää niitä sivustojen suunnittelualustaan.
Käytettävien kirjasimien valitseminen
Ryhdy selaamaan kirjasimien kirjastoa. Voit valita tarvitsemasi kielituen avattavasta KIELET JA KIRJOITUSJÄRJESTELMÄT ‑valikosta.
Lisää tunnisteita tai suodattimia kirjasimien luettelon tarkentamiseksi. Käytä luonnollisten kielten tunnisteita, jos haluat hakea projektisi tunnelmaan sopivia kirjasimia, mutta voit suodattaa kirjasimia myös luokituksen (kuten serif tai sans serif), ominaisuuksien (x-korkeus, leveys tai paksuus) tai kielen mukaan.
Verkkoprojektin luominen
Kun löydät kirjasimen, josta pidät, lisää kirjasinperhe verkkoprojektiin napsauttamalla </>-painiketta.
Voit avata kirjasinperheen sivun myös napsauttamalla kirjasimen nimeä ja tarkastella kaikkia käytettävissä olevia kirjasimien paksuuksia ja tyylejä. Lisää sitten kirjasinperhe verkkoprojektiin napsauttamalla sivun yläosassa </> Lisää verkkoprojektiin.
Anna Lisää kirjasimia verkkoprojektiin ‑ikkunassa verkkoprojektillesi nimi ja määritä lisättävät kirjasimet.
- Napsauta valikkoa ja valitse Luo uusi projekti.
- Anna verkkoprojektille nimi.
- Valitse lisättävät kirjasimien paksuudet ja tyylit valintaruutujen avulla.
- Luo projekti.
Voit tehdä muutoksia projektin asetuksiin Kirjasimien hallinta ‑sivulla myös myöhemmin.
Saat seuraavaksi upotuskoodin, jonka avulla voit ladata kirjasimet sivustoosi. Eri vaihtoehdot on selitetty upotuskoodien ohjesivulla, ja oletusarvoinen upotuskoodi toimii hyvin useimmissa projekteissa.
Kopioi upotuskoodi ja lisää se sivustosi <head>-tunnisteeseen.
Sulje verkkoprojektin ikkuna valitsemalla Valmis ja jatka selaamista. Jos haluat lisätä projektiisi lisää kirjasimia, napsauta toisen kirjasinperheen </>-painiketta ja valitse sitten projektisi nimi valikosta (Luo uusi projekti ‑vaihtoehdon sijaan).
Verkkoprojektin mukauttaminen
Verkkoprojektisi ja kaikki siihen lisäämäsi kirjasimet näkyvät Kirjasimien hallinta ‑sivulla.
Napsauta Muokkaa projektia ‑painiketta, jos haluat muuttaa lisättäviä kirjasimien paksuuksia ja tyylejä, poistaa verkkokirjasinperheen projektista kokonaan tai määrittää font-display-asetuksen. Voit myös muuttaa merkistöä verkkoprojektieditorissa, jossa on määritetty projektin kielituki.
Itäaasialaiset kirjasimet on toimitettava dynaamisella aliasetuksella, kun taas muilla kirjasimilla on kielipohjaisia aliasetusvaihtoehtoja: Oletus, Kaikki merkit tai mukautettu kielen aliasetus. Kielituki ja aliasetus ‑ohjesivulla on lisätietoja eri vaihtoehdoista.
Voit sisällyttää projektiin mitkä tahansa OpenType-ominaisuudet valitsemalla OpenType-ominaisuudet-valintaruudun. Kun valitset tämän ruudun, näet myös luettelon kyseisen verkkokirjasinperheen käytettävissä olevista ominaisuuksista, kuten ligatuureista, vaihtoehtoisista merkeistä tai kapiteeleista.
Kirjasinnäytön avulla voit määrittää, miten verkkokirjasimet ladataan verkkoselaimeen ja miten niitä käytetään sivustossasi. Lisätietoja näistä vaihtoehdoista on saatavilla font-display-asetusten ohjesivullamme.
Kun olet määrittänyt projektin haluamallasi tavalla, tallenna projekti napsauttamalla Tallenna muutokset ‑painiketta. Päivitykset ovat käytettävissä sivustollasi muutaman minuutin kuluessa.
Kirjasimien käyttäminen CSS:ssä
Verkkoprojekti-sivulla on lueteltu CSS:n font-family-nimi, numeerinen paksuus ja projektin kaikkien kirjasimien kirjasintyyli. Käytä näitä font-family-nimiä CSS-tiedostossasi näiden kirjasimien soveltamiseksi tekstiin.
Lisää samankaltaisia
Tutustu Adobe Fontsiin
Etsi täydellinen kirjasintyyppi mitä tahansa verkkopohjaista tai painettua projektia varten.
