Как добиться кросс-браузерной равномерности шрифтов с помощью CSS?

Question

Цель: текст с 6 значениями текстовой тени должен отображаться одинаково в версиях Chrome, Safari, FF и, предпочтительно, в IE (новые).

Код, который я использую:

font-size: 2em;
color: #fff;
letter-spacing: 1px;
font-weight: bold;
font-style: italic;
text-shadow: -1px 0px 1px #000, 0px -1px 1px #000, 0px 1px 1px #000, 1px 0px 1px #000, 1px 2px 1px #000, 2px 1px 1px #000;

На Mac с Chrome и Safari это не выглядит одинаково, поскольку Safari показывает текст «смелее».

Что я должен сделать для достижения кросс-браузерной однородности?

Спасибо.

Answer 1

Единственный способ добиться визуальной однородности шрифтов в разных браузерах - это, ну ... изображения.Браузеры по-разному отображают CSS-декорации, например, не только для шрифтов, но и для границ.http://www.impressivewebs.com/comparison-css-border-style/ http://css -tricks.com / font-render-sizes-firefox-vs-ie-vs-safari /

Safari имеет репутацию по-разному отображать шрифты.