# Lataa omat fontit ja käytä brändisi typografiaa kaikkialla

[Canonical HTML page](https://gradiently.design/fi/guide/custom-fonts-upload)

Brändifontit ovat iso osa tunnistettavuuttasi. Näin lataat ne Gradientlyyn, ryhmittelet fonttiperheet ja leikkaukset sekä tarkistat lisenssin ensin.

## The short version

- Gradiently hyväksyy brändifontteja OTF-, TTF-, WOFF- ja WOFF2-muodossa, enintään 15 MB tiedostoa kohti.
- Saman perhenimen sisältävät tiedostot ryhmitellään yhdeksi fonttiperheeksi. Kukin lihavuus ja kursiivi muodostaa sen leikkauksen.
- Gradiently lukee fontin sisäisen upotusluvan. Upotuksen kieltävä fontti piirretään pikseleinä PDF- ja SVG-vienneissä.
- Työpöytäfontin lisenssi ei aina kata verkkopohjaista suunnittelutyökalua. Tarkista lisenssi ennen lataamista.
- Omien fonttien lataaminen kuuluu Gradiently Pron brändipakettiin.

Kun haluat **ladata omat fontit** Gradientlyyn, avaa Brändi-sivu, siirry **Fontit**-osioon ja valitse **Omat fonttisi** -kohdasta **Lataa fontti**. Lisää OTF-, TTF-, WOFF- tai WOFF2-tiedostot yksi leikkaus kerrallaan tai useita yhdessä. Valitse sitten fonttisi **Otsikko**- tai **Leipäteksti**-fontiksi. Sen jälkeen Studion uudet suunnitelmat alkavat omalla typografiallasi ja myös Designer käyttää sitä. Tarkista lisenssi ennen lataamista. Se on painiketta tärkeämpi asia.

## Omien fonttien lataaminen brändipakettiin

1. **Etsi fonttitiedostot** Katso fonttivalmistajan tai suunnittelijan lähettämästä kansiosta, älä järjestelmän fonttivalikosta. Tarvitset yhden tiedoston per tyyli: Regular, Italic, Medium, Bold ja niin edelleen.
2. **Avaa Brändi ja sitten Fontit** Varmista oikea brändi, sillä jokaisella on omat fonttinsa. Valitse **Omat fonttisi** -kohdasta **Lataa fontti**.
3. **Lisää käyttämäsi leikkaukset** Lataa jokainen tiedosto. Valmistuttuaan se näyttää ilmoituksen *”Nimi on valmis käyttöön”*. Saman perhenimen sisältävät tiedostot liittyvät automaattisesti yhteen perheeseen.
4. **Aseta otsikko ja leipäteksti** Avaa **Otsikko**- ja **Leipäteksti**-valitsimet ja valitse fonttisi **Omasi**-kohdasta. Lomakkeen vieressä näkyy esimerkkijulkaisu niillä ladottuna.
5. **Tarkista mahdollinen varoitus** Jos fontin omat asetukset kieltävät upotuksen, Gradiently kertoo, että PDF- ja SVG-viennit piirtävät sen pikseleinä. Tästä lisää alla.

## Mitkä fonttitiedostot toimivat

| Muoto | Hyväksytään | Huomio |
| --- | --- | --- |
| OTF | Kyllä | Fonttivalmistajien tavallinen työpöytämuoto |
| TTF | Kyllä | Yleinen vanhoissa fonteissa ja Google Fonts -latauksissa |
| WOFF | Kyllä | Pakattu verkkofonttimuoto |
| WOFF2 | Kyllä | Pienin verkkofonttimuoto, usein helpoin löytää |
| TTC-kokoelma | Ei | Vie ensin kokoelmasta yksittäinen fontti |
| Yli 15 MB:n tiedostot | Ei | Hyvin suuret CJK- tai kuvakefontit voivat vaatia merkistön rajaamista |

Brändifonttien latausrajat. Yhdellä brändillä voi olla yhteensä enintään 48 fonttitiedostoa.

Myös muuttuvat fontit toimivat. Gradiently lukee tiedoston lihavuusalueen, joten yksi muuttuva tiedosto voi kattaa leikkaukset kevyestä mustaan. [Muuttuvat fontit](https://gradiently.design/fi/guide/variable-fonts) kertoo, mitä niillä voi tehdä.

## Fonttiperheet, lihavuudet ja korvaaminen

Gradiently ryhmittelee tiedostot fontin sisäisen perhenimen perusteella välittämättä isoista kirjaimista tai väleistä. Kun lataat Söhne Regularin, Söhne Italicin ja Söhne Boldin, saat yhden perheen ja kolme leikkausta, et kolmea erillistä fonttia. Tästä seuraavat käytännöt säästävät siivoamista myöhemmin.

- **Sama tiedosto kahdesti** ei tee mitään, joten et luo vahingossa kaksoiskappaleita.
- **Uusi tiedosto olemassa olevalle leikkaukselle**, esimerkiksi valmistajan päivittämä Bold, korvaa vanhan.
- **Nimeä perhe uudelleen**, jos sen sisäinen nimi on epäselvä, esimerkiksi räätälöidyn kirjasinprojektin koodi.
- **Poista perhe tai yksittäinen leikkaus**, kun et enää tarvitse sitä. Sitä käyttävät suunnitelmat siirtyvät kirjaston groteskifonttiin, joten tarkista vanhat suunnitelmat jälkeenpäin.

Muotimalliston julkistus tavallisella kirjaston fonttiparilla

Julkaisu kirjaston fonttiparilla. Aivan toimiva, ja sama kuin muilla sen valinneilla brändeillä.

Sama muotimalliston julkistus brändin itse lataamalla kirjasintyypillä

Sama julkaisu brändin omalla kirjasintyypillä. Typografia tekee julkaisusta usein tunnistettavan jo ennen logon näkemistä.

## Fonttilisenssit: tarkista nämä ennen lataamista

Fonttitiedosto on ohjelmisto, ja lisenssi kertoo, missä saat käyttää sitä. Monet lisenssit erottavat työpöytäkäytön, jossa fontti asennetaan nimetyille tietokoneille, verkko- ja sovelluskäytöstä, jossa se toimitetaan selaimiin. Lataus verkkopohjaiseen suunnittelutyökaluun, myös Gradientlyyn, tallentaa tiedoston ja toimittaa sen työtilasi käyttäjille. Vienti voi myös upottaa sen. [Fonttilisenssit](https://gradiently.design/fi/guide/font-licensing) antaa kokonaiskuvan. Kysy valmistajalta, jos lisenssi ei kerro.

### Tarkista ensin

- Työpöytälisenssi tietylle tietokonemäärälle
- Kokeilu- tai henkilökohtaiseen käyttöön tarkoitettu fontti
- Ilmaislataussivun fontti ilman lisenssitiedostoa
- Entisen toimiston omiin nimiinsä hankkima fontti

### Yleensä sopiva

- Verkko-, sovellus- tai ohjelmistokäytön mainitseva lisenssi
- SIL Open Font License -fontit, kuten useimmat Google Fonts -fontit
- Brändisi tilaama ja omistama räätälöity kirjasintyyppi
- Fonttivalmistajan kirjallisesti vahvistama lisenssi

Jos brändifonttejasi ei saa käyttää, samanhenkinen kirjastofontti on järkevä korvike. [Ilmaiset fontit kaupalliseen käyttöön](https://gradiently.design/fi/guide/free-commercial-fonts) luettelee turvallisia vaihtoehtoja, ja [fonttien yhdistäminen](https://gradiently.design/fi/guide/font-pairing) auttaa sovittamaan ne yhteen.

## Upotusluvat ja vientitiedostosi

Kirjallisen lisenssin lisäksi valmistaja asettaa fonttitiedoston sisään upotusmerkinnän. Gradiently lukee sen latauksen yhteydessä ja noudattaa sitä viennissä.

| Fontin upotusmerkintä | PNG, JPG, video | PDF ja SVG |
| --- | --- | --- |
| Asennettava tai muokattava | Piirretään normaalisti | Teksti säilyy oikeana tekstinä |
| Tulostus ja esikatselu | Piirretään normaalisti | Teksti säilyy oikeana tekstinä |
| Rajoitettu | Piirretään normaalisti | Teksti piirretään pikseleinä |

Kuva- ja videoviennit ovat aina kuvia typografiastasi. Vain fontin itsensä sisältävät PDF- ja SVG-tiedostot muuttuvat, jos upotus on rajoitettu.

> **Milloin pikseleillä on merkitystä** Pikseliteksti näyttää PDF:ssä näytöllä samalta, mutta sitä ei voi valita tai hakea eikä painotalo voi muokata sitä. Vie rajoitettua fonttia käyttävä painotyö suurella tarkkuudella tai pyydä valmistajalta upotettava versio.

## Näin saat omasta typografiasta eniten irti

Lataa vain käyttämäsi tyylit: yleensä normaali, kursiivi ja yksi tai kaksi lihavampaa leikkausta. Tiivis valikoima pitää suunnitelmat yhtenäisinä ja fonttivalikon lyhyenä. Valitse otsikolle näyttävä tai lihava tyyli ja leipätekstille pienessä koossa rauhallinen fontti. [Brändifontit](https://gradiently.design/fi/guide/brand-fonts) ja [typografinen järjestelmä](https://gradiently.design/fi/guide/brand-typography-system) kertovat lisää.

Studion **Käytä brändipakettia** asettaa brändifontit kerralla suunnitelman kaikkiin sanoihin. Markin luettavuustoiminto pitää ne selkeinä taustasta riippumatta. Kun määrität myös muuta pakettia, [brändin tuonti verkkosivulta](https://gradiently.design/fi/guide/import-brand-from-website) täyttää nimen, kuvauksen, värin ja kuvakkeen yhdellä kertaa.

## FAQ

### Mitä fonttimuotoja voin ladata Gradientlyyn?

OTF, TTF, WOFF ja WOFF2, enintään 15 MB tiedostoa kohti. TTC-fonttikokoelmia ei hyväksytä. Vie niistä ensin yksittäinen fontti.

### Voinko ladata tietokoneelleni hankkimani fontin?

Vain jos sen lisenssi sallii verkkopohjaisen ohjelmistokäytön. Monet työpöytälisenssit eivät salli sitä, joten tarkista lisenssi tai kysy valmistajalta.

### Miksi tekstini näkyy pikseleinä PDF-viennissä?

Fontin upotuslupa on rajoitettu, joten Gradiently piirtää sen pikseleinä PDF- ja SVG-tiedostoissa fonttitiedoston upottamisen sijaan.

### Toimivatko ladatut fontit kaikissa suunnitelmissa?

Ne kuuluvat brändiin, johon latasit ne, ja kaikki kyseisen brändin suunnitelmat voivat käyttää niitä. Toinen brändi tarvitsee oman latauksensa.

### Mitä suunnitelmille tapahtuu, jos poistan fontin?

Sitä käyttänyt teksti siirtyy kirjaston groteskifonttiin. Avaa siis vanhat suunnitelmat ja valitse tarvittaessa korvaava fontti.