Как добиться единообразности шрифта с помощью 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-rendering-differences-firefox-vs-ie-vs-safari/

Safari имеет репутацию рендеринга шрифтов по-разному.