hteumeuleu / email-bugs

Email quirks and bugs
539 stars 20 forks source link

Cutting umlauts at capitalized Ä, Ö, Ü letters in Outlook #125

Open burdyga opened 1 year ago

burdyga commented 1 year ago

Faced the issue that umlauts of Ä, Ö, Ü in German were cut in Windows Outlook with decreased line height, e.g., line-hegiht:100%

image

I made some tests using mso-text-raise, and it worked but caused other problems and inconveniences. First of all, as you may see, for a bigger font size, it needs to change mso-text-raise, which means I can't make one style for everyone.

image image

Ok, it is an inconvenience, and I can live with it, but more importantly for me that when I'm changing mso-text-raise, I got cutting descender of the letters. Normal: Capture Cutted: Capture2

The main question to the community is – do I need to refuse to use a smaller line-height, which is needed for design, or there are other methods to fix this problem?

All tests Capture

matthieuSolente commented 1 year ago

Hi, I don't know exactly in which context you want to display the text with a lower line-height, but in some cases for Outlook a VML solution can do the trick:,here is an example : https://codepen.io/matthieuSolente/pen/jOmNyKO Hope it helps

burdyga commented 1 year ago

@matthieuSolente Hi. Thanks for your example. It is an interesting technique.

In my case, I filled it to gray to view the line-height box. It wasn't on the design.