Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
burdyga opened this issue Feb 16, 2023 · 2 comments
Open

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

burdyga opened this issue Feb 16, 2023 · 2 comments

Comments

@burdyga
Copy link

burdyga commented Feb 16, 2023

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
Copy link

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
Copy link
Author

burdyga commented Mar 10, 2023

@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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants