Verkkokirjasimien käyttäminen HTML-muotoisissa sähköpostiviesteissä tai uutiskirjeissä

Päivitetty viimeksi 16. marraskuuta 2022

@import CSS -upotuskoodia voidaan käyttää mukautettujen Web Fonts -kirjasimien sisällyttämiseen HTML-sähköpostiin tai uutiskirjeisiin.  

Muistiinpano

JavaScript-kirjasimen lataus käytetään Adoben dynaamiseen alajoukkoon, joka vaaditaan itäaasialaisten verkkokirjasimien palvelemiseen. Koska CSS-upotuskoodivaihtoehtoa ei ole, näitä verkkokirjasimia – mukaan lukien kiinalaisia, japanilaisia ja korealaisia kieliä tukevia kirjasimia – ei voida käyttää HTML-sähköpostissa.

Käytettävien kirjasimien valitseminen

Seuraa verkkokirjasin-opetusohjelmaa valitaksesi haluamasi kirjasimet ja luodaksesi projektin.

Lisää upotuskoodi

Löydät projektisi upotuskoodin vierailemalla Verkkoprojektit-sivulla.Etsi projektin nimi ja napsauta "@import link" -vaihtoehtoa. 

Lisää <style>-tunnisteet @import-upotuskoodilla sähköpostin <head>-osaan kirjasinperheiden nimien kanssa.

HTML-sähköpostissa käytetty @import-upotuskoodi

Kirjasinperheen nimi, jota käytetään CSS:ssä tekstin muotoiluun, on listattu myös verkkoprojektissa; lue lisää kirjasimien käytöstä CSS:ssä.

Muistiinpano

@import-upotuskoodin on oltava <style>-tunnisteen alussa muiden @import-lausekkeiden kanssa tai kirjasimet eivät lataudu. Vain @charset-merkintä voi olla ennen @import-rivejä.

Sähköpostiohjelmien tuki Web Fonts -kirjasimille

Jotkin sähköpostiohjelmat eivät tue HTML-sähköpostia tai Web Fonts -kirjasimia sähköpostissa, mikä vaikuttaa siihen, mitä vastaanottajasi näkevät.Varmista että määrität varakirjasimet sähköpostiisi ja testaat sähköpostisi ennen lähettämistä, jotta se toimii hyvin kaikissa ohjelmissa.

Tässä on lyhyt lista suosituista sähköpostiohjelmista ja niiden yhteensopivuudesta Web Fonts -kirjasimien kanssa.

Ohjelman nimi

Yhteensopiva?

AOL Mail

Kyllä

Android-sähköpostisovellus (vakiosovellus, ei Gmailia)

Kyllä

Apple Mail

Kyllä

GMail

Ei

Google Inbox

Ei

iOS Mail

Kyllä

Outlook 2000

Ei

Outlook 2011 (OS X 10.10+)

Kyllä

Outlook 2016 (OS X 10.10+ ja Windows 10)

Kyllä

Projektin poistaminen tai tilauksen peruuttaminen

Jos poistat sähköpostikampanjassa käyttämäsi projektin tai peruutat sitä ylläpitävän tilauksen, kirjasimet eivät ole enää käytettävissä lähetetyissä sähköposteissa.Niiden tilalla käytetään määrittämiäsi varakirjasimia tai sähköpostiohjelman oletuskirjasimia.