text rendering bug

Created by: cindreta

So we found out that when you use German characters like Ü with Platino font family and Bootstrap default CSS text-rendering on all heading tags all hell breaks loose. None of the characters and letters render correctly at all. This only happend on Windows(7) across all browsers, everything worked fine on OS X(Mountain Lion).

Steps to recreate the bug

1. Add an H1 element with some German text e.g. <h1>Über mich</h1>
2. Apply custom font family in CSS - font-family: Palatino,"Palatino Linotype","Hoefler Text",Times,"Times New Roman",serif;
3. Leve the default Bootstrap text-rendering - text-rendering: optimizelegibility;

How to fix the bug

1. Override Bootstrap's default text-rendering to: text-rendering: optimizelegibility;