Typografia voi tukea brändi-identiteettiä ja luoda visuaalisesti ainutlaatuisia sähköposteja, mutta sinun ei pitäisi uhrata saavutettavuus suunnittelun vuoksi. Toimittaa sekä kaunis että helppokäyttöinen sähköpostisuunnittelulopeta viestisi kuvien vangitseminen ja aloita live-tekstin käyttö verkkoturvallisilla fonteilla ja verkkofonteilla.
Lue, kuinka se tehdään tarkasti:
Verkkofontit vs. verkkoturvalliset kirjasimet
Voit tehdä live-tekstiä kahdella tavalla: verkkoturvallisilla kirjasimilla ja verkkofonteilla.
Vaikka termit ovat lähes identtisiä, niissä on selvät erot. Ennen kuin tutkit verkkokirjasimia verrattuna verkkoturvallisiin kirjasimiin, tutkitaan ensin, miten kirjasimet toimivat sähköposteissasi.
Kuinka fontit toimivat sähköpostissa
Sähköpostikoodisi ilmoittaa fontin käyttämällä CSS-ominaisuutta nimeltä font-family.
Tällä kirjasinperheen ominaisuudella voi olla vain yksi kirjasimen nimi tai useita kirjasinten nimiä, joita kutsutaan usein fonttipinoksi. Useiden kirjasinten nimien sisällyttäminen varmistaa, että jos yksikään ei toimi, on olemassa valitsemasi vara- tai varmuuskopiokirjasin.
Luetteloimatta useita kirjasinten nimiä sähköpostiohjelma saa päättää varmuuskopiofontin. Kun tilaajasi avaavat sähköpostisi, selain lukee kirjasinperheominaisuuden ja hakee kirjasimen käytettäväksi.
Tutustutaan nyt verkkokirjasinten ja verkkoturvallisten kirjasinten eroihin.
Verkkoturvalliset fontit
Verkkoturvalliset kirjasimet kehottavat verkkoselainta hakemaan kirjasimen paikallisesta kirjasinhakemistosta AKA esiasennetut fontit kaikkien tietokoneisiin. Verkkoturvallisia fontteja on turvallista käyttää, koska tilaajillasi on suuri mahdollisuus, että ne jo ovat.
Verkkoturvallisten fonttien haittapuoli on se, että vaihtoehtosi ovat rajalliset verkkokirjasimiin verrattuna. Lisäksi verkkoturvalliset kirjasimet eivät todennäköisesti erotu joukosta (jos se on tavoite), koska ne ovat niin yleisiä.
Jotkut tutut verkkoturvallisia fontteja sisältää:
- Arial
- Helvetica
- Verdana
- Georgia
- Times New Roman
- Tahoma
Pro-vinkki: käytä CSS-fontit löytääksesi vähemmän käytettyjä verkkoturvallisia kirjasimia, jotka toimivat brändillesi. Sivusto kertoo, kuinka suurella prosentilla PC- ja Mac-käyttäjistä on kukin kirjasin, jotta voit tasapainottaa tyyliä ja luottamusta siihen, että useimmat tilaajat näkevät valitsemasi fontin.
Web-fontit
Verkkokirjasimet noudetaan palvelimelta – joko itse isännöidyltä tai ulkopuolelta (kuten Google tai Adobe). Tämän vuoksi käytettävien kirjasinten valikoima on paljon suurempi ja toimii millä tahansa tietokoneella… niin kauan kuin selain tai sähköpostiohjelma pystyy syöttämään fontin. Joskus tilaajallasi voi olla jo ladattu ja asennettu verkkofontti. koneeseen, joten nämä fontit toimivat myös sähköpostiohjelmissa, jotka eivät tue verkkokirjasimia!
Joten vaikka verkkokirjasimet antavat sinulle paljon enemmän vaihtelua ja luovaa vapautta, ne maksavat: rajoitetun sähköpostiohjelman tuen (johon sukeltan alempana).
Sähköpostisuojatut fontit vs. Web-turvalliset fontit
Mutta odota, siellä on enemmän! Sähköpostiturvalliset kirjasimet ovat postilaatikon palveluntarjoajien oletusfontteja, joten ne ovat luotettavuudeltaan kuin verkkoturvallisia fontteja. Itse asiassa sähköpostiturvalliset kirjasimet ja verkkoturvalliset kirjasimet ovat päällekkäisiä.
Paras tapa määrittää, tukevatko tilaajien ensisijaiset laitteet ja Internet-palveluntarjoajat tiettyjä kirjasimia, on käyttää Litmus-työkalua esikatsellaksesi kampanjoitasi eri ympäristöissä.
Miksi käyttäisit verkkofontteja?
Markkinoijana ja suunnittelijana tiedät paineen pysyä ajan tasalla sähköpostissa värien, suunnittelun ja – kyllä – typografian avulla. Verkkofonttien avulla voit esitellä brändisi luottamatta kuviin tekstillesi.
Jos lukitset tärkeän kopion kuviin, koska se on tapa pysyä brändissä, osa yleisöstäsi ei tiedä, mitä sähköpostissasi lukee, koska:
Voinko käyttää verkkofontteja sähköpostissa?
Vaikka verkkoturvalliset fontit ja sähköpostin turvalliset fontit ovat luotettavin vaihtoehto, voit käyttää verkkokirjasimia sähköpostissa (kunhan olet valmis ottamaan muutaman lisävaiheen). Tässä on mitä sinun tulee ottaa huomioon.
Sähköposti asiakastuki
Verkkofontit toimivat vain joissakin sähköpostiohjelmissa. Tämä tarkoittaa, että sinun on ymmärrettävä, tuetaanko haluamaasi kirjasinta ja kuinka voit määrittää varakirjasimen.
Koska verkkokirjasinten tuki on osumaa sähköpostiohjelmissa, on hyvä idea analysoida, missä tilaajasi yleensä avaavat sähköpostit. Jos suurin osa tilaajistasi käyttää verkkokirjasimia tukevaa sähköpostiohjelmaa, kokeile sitä. Jos huomaat, että yleisösi käyttää pääasiassa muuta kuin verkkokirjasimia tukevaa sähköpostiohjelmaa, voit välttää ajan ja vaivan tuhlaamisen.
| Sähköpostiohjelma | Web-fonttituki |
|---|---|
| Apple Mail | ✓ Kyllä |
| Näkymät 2013-2021 | ✘ Ei |
| Outlook Office 365 (Win ja Mac) | ✘ Ei |
| Outlook for Mac | ✓ Kyllä |
| Windows 11 | ✘ ei* |
| Gmail-sovellus | ✘ Ei** |
| iOS | ✓ Kyllä |
| Outlook-sovellus | ✘ Ei*** |
| Samsung Mail | ✘ Ei*** |
| AOL Mail | ✘ Ei |
| Gmail | ✘ Ei***** |
| Office 365 | ✘ Ei |
| Outlook.com | ✘ Ei |
| Yahoo! Mail | ✘ Ei |
Taulukkopohjainen näillä tiedoilla.
*(Ihan? Jotkut verkkofonteista näkyivät, mutta voi olla, että fontit ladattiin tietokoneelle)
**(Google ohittaa kirjasimet – Androidissa oletusarvo on Roboto, iOS:ssä näyttää Helveticalta)
***(Fontit ohitettu – Roboto on oletuksena sans-serif)
****(ish. Pidin Robotosta, joten hyvin erityisiä verkkokirjasimia on rajoitetusti tuettu – luultavasti tiettyjä Google Fonts -kirjasimia, mahdollisesti vain Roboto, koska se on Googlen oletusarvo)
 |
Mitä sähköpostiohjelmat tekevät sinun tilaajat käyttävät? Selvitä, missä tilaajasi avaavat sähköpostisi ja miten he sitoutuvat – Litmus Email Analyticsin avulla. Hanki tarvitsemasi oivallukset sähköpostisi optimointiin ja muuhunkin. |
Lisensointi
Lyhyt historian oppitunti! Verkkofonttien alkuperäinen tarkoitus oli luonnollisesti verkkosivustot, joten niiden lisensointi on itse asiassa tyypillisesti vain verkkosivuilla ja mobiilisovelluksissa käytettäväksi. Itse asiassa monet verkkokirjasinpalvelut eivät salli käyttöä sähköpostissa, koska se lasketaan kirjasimen jakeluksi, mikä on monien palvelujen loppukäyttäjän käyttöoikeussopimusten (EULA) vastaista.
Kaikki verkkokirjasinten tarjoajat, joihin otimme yhteyttä, tukivat kirjasimiensa käyttöä sähköpostitse. Jokaisella palveluntarjoajalla oli erilainen vaadittu lisenssi, joten sähköpostissa ei ole standarditapaa lisensoida fontteja. Jos aiot käyttää fonttia, ota yhteyttä yritykseen saadaksesi selville, kuinka he lisensoivat kirjasimiaan.
Mistä löydän verkkofontteja sähköposteihini?
Joten haluat kokeilla verkkofontteja – mitä nyt? Sinun on löydettävä verkkokirjasin, joka sopii brändiisi, mutta on silti käytettävissä. Ennen kuin aloitat haun, tutustu näihin vinkkeihin:
✖ Koristeelliset tai koristeelliset kirjasimetkuten näyttö- tai käsinkirjoitusfontit, voivat vaikeuttaa näkövammaisten tai lukihäiriöisten kirjainten muotojen erottamista
✔ Sans-serif-fontit niiden kirjaimissa ei ole laajennettuja piirteitä tai kiharoita. Fontit, kuten Arial, Calibri, Century Gothic tai Helvetica, ovat helppolukuisia
✔ Laattafontit kuten Museo Slab ja Rockwell, niissä on paksummat viivat ja niitä pidetään myös esteettöminä
Katsotaanpa nyt suosikkilähteitämme verkkokirjasimille.
Google-kirjasimet
Google-kirjasimet on ilmainen, ja voit ladata verkkofontit tietokoneellesi, jos teet malleja Adobe Photoshopissa, Sketchissä tai muussa suunnitteluohjelmistossa.
Adobe Fontit
Adobe Fontit ei ole täysin ilmainen, mutta sisältyy Creative Cloud -tilauksiin. Palvelu tukee sekä – että @import-menetelmä käytettäväksi verkkofontteina (lisätietoja seuraavassa).
Web-fonttipalvelut
On olemassa useita muita maksullisia verkkokirjasinpalveluita. Sinun on varmistettava, että saat oikean lisenssin käyttääksesi niitä sähköpostissasi.
Verkkolisenssien avulla voit valita isännöitkö kirjasimen itse vai annatko kirjasimen isännöimän palveluntarjoajan. Joissakin verkkolisensseissä maksat tietyn määrän sivun näyttökertoja jokaisesta sähköpostista, joka lataa fontin ja lasketaan sivun katseluksi, joten muista ottaa tämä huomioon lisenssiä ostaessasi.
Kuinka upottaa verkkofontteja sähköposteihin
Koska verkkokirjasimia ei yleensä löydy jonkun paikalliselta laitteelta, vaan niitä isännöidään muualla, sinun on upotettava tai tuotava verkkofontti sähköpostiisi ennen niiden käyttöä.
1. Hanki fonttitiedostosi URL-osoite
Aloittaaksesi tarvitset verkkokirjasimen URL-osoitteen, jotta se voidaan kutsua sähköpostiisi. Mistä löydät sen, riippuu kirjasinlähteestä:
- Jos käytät verkkokirjasinpalvelua: sivustolla tai työkalulla tulee olla URL-osoite. Jos käytät Google Fontsia, URL-osoitteen löytäminen on hankalaa, mutta ei liian vaikeaa. Ota selvää @font-face upotusmenetelmän seuraavassa vaiheessa.
- Jos isännöit fonttia itse: hanki URL-osoite, josta verkkofontti sijaitsee palvelimellasi. Tarkista, että se on julkinen URL-osoite eikä se tule paikalliselta palvelimelta. Muuten tilaajasi eivät voi käyttää verkkokirjasinta, vaan he näkevät sen sijaan varafontin.
2. Tuo verkkofontti jollakin kolmesta menetelmästä
Verkkofonttien upottamiseen sähköpostiin on kolme tapaa (ja varoitus, joka saattaa rajoittaa käytettävää menetelmää). Kolme tapaa upottaa fonttisi ovat:
Tässä on hyvä muistaa: Voit tehdä kaunista koodia, joka toimii Litmusissa koko päivän, mutta jos ESP muuttaa koodiasi, kuten useimmat heistä tekevät, tekemälläsi ei ole merkitystä. 😭
Varmista, että ESP ei muuta koodiasi tavalla, joka saisi kirjasimesi lakkaamaan toimimasta.
Katsotaanpa nyt, kuinka verkkokirjasimia tuodaan kolmella tavalla:
Verkkofontin tuominen
-menetelmä lataa resurssin rivissä, kun HTML-tiedoston koodia luetaan (ylhäältä alas), mikä voi viivästyttää sähköpostisi lataamista, jos verkkokirjasintiedostosi on valtava.
-menetelmän käyttäminen on suhteellisen yksinkertainen tapa upottaa kirjasimia sähköpostiisi. Aseta tämä koodirivi sähköpostisi -kohtaan, lähellä yläreunaa:
About the Author
