Mengatur Spasi / Line Height Newsletter Email Pada Outlook

Sebarinn yukkShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on Pinterest

Mengapa tampilan newsletter / email pada outlook menjadi lebih tinggi? Outlook menambahkan spasi / line-height sebesar 130% pada setiap emailnya.


Hal ini tentu sangat mengganggu jika kita mengirimkan sebuah newsletter dengan layout yang harus identik di Email agent manapun (setidaknya newsletter bisa identik di Gmail dan Outlook). Lalu bagaimana cara mengatur tampilan newsletter agar spasi / line-height-nya sama di Gmail dan Outlook?

Outlook menambahkan class tersendiri pada setiap email yang di terimanya, yaitu .ExternalClass, Outlook juga menambahkan line-height sebesar 130% pada setiap HTML Element dalam email (sotoy yah outlook………*keluh). Perlu dicatat juga, Outlook hanya mengenal line-height dengan sistem persen. Jadi jika kamu meng-override CSS dengan line-height dalam satuan px atau em tidak akan berpengaruh.

Oke, berikut adalah 2 alternatif solusi yang bisa digunakan:

1. Override CSS .ExternalClass

 .ExternalClass * {line-height: 100%}

2. Masukkan Inline CSS mso-line-height-rule: exactly

<p style= " mso-line-height-rule: exactly; ">teks yang mau disamakan line-height-nya</p>

Silahkan dicoba solusi mana yang kira-kira berhasil. Saya? saya pake dua-duanya hehe. Teman-teman ada yang tahu cara lain untuk mengatasi masalah spasi/line-height yang berbeda antara email outlook dengan gmail? Terima kasih banyak sudah mau berbagi, terima kasih juga buat yang sudah melihat artikel ini, semoga berhasil!

Sumber: mbah google

Sebarinn yukkShare on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on Pinterest