У меня два браузера, работающих в Ubuntu 10.
Firefox 4 RC и Google Chrome 10. Оба имеют разное представление жирного текста. Пожалуйста, смотрите скриншот ниже - Chrome сверху, Firefox ниже
Те же браузеры в Windows и Mac OSx не показывают различий или, по крайней мере, очень незначительные.
Чтобы исключить какие-либо несовместимости CSS, я проверил как примененные стили, так и рассчитанные значения для шрифта-веса, размера, расстояния между буквами и высоты строки. Они все совпадают.
Достаточно странный текст (включая этот), который не выделен жирным шрифтом, выглядит точно так же.
Используемый шрифт Monotype Corsiva , он прикреплен как веб-шрифт. Другие шрифты не имеют этой проблемы.
Мой вопрос: как веб-браузеры генерируют жирный текст? Почему это зависит от используемого шрифта и как обойти это? Использование другого шрифта, к сожалению, не вариант.
РЕДАКТИРОВАТЬ: это CSS, которые применяются к тексту в соответствии с просьбой:
text-align: right;
font-size: 110%;
font-weight: bold;
font-style: normal;
white-space: nowrap;
font-family: "Monotype Corsiva","mntcrsweb",sans-serif;
letter-spacing: 0.02em;
line-height: 100%;
text-shadow: -0.1em -0.06em 0.2em #000000;
font-size: 180%;
direction: ltr;
font-size: 10px;
line-height: 125%;