Разница в размере текста в Chrome для Firefox

Question

Я действительно искал Google по аналогичному вопросу и ничего не нашел, что меня смущает.

Во всяком случае, на этом http://dev.subverb.net/index.php

С помощью меню Сочинение разной толщины через двух браузеров. Это то же самое, когда размер шрифта уменьшается до 500, но когда он равен 600, это то, что я хочу в firefox, но заметно более густое в Chrome. Это также нарушает мой дизайн.

Я просто не могу понять, что это может быть ... любые идеи?

Answer 1

Вы не можете рассчитывать на согласованность ширины шрифта. Он отличается не только от браузеров, но также значительно отличается от разных операционных систем. Вместо этого вам нужно создать свои проекты, чтобы позволить некоторую свободу действий в ширине шрифта.

Для немного лучшей согласованности попробуйте использовать html 5 @font-face, который теперь импортируется во всех современных браузерах. Но даже тогда ширина не может быть гарантирована - это просто гарантирует, что, по крайней мере, исправление шрифта одно и то же.

Наконец, вы можете использовать изображения для идеальной согласованности, но это сильно обескураживает. Лучше просто разрешить некоторые махинации в ваших проектах.

Answer 2

Не используйте числовые значения font-weight. Они не могут быть использованы для выбора нескольких весов семейства шрифтов, потому что:

• поддержка браузера бедна и непоследовательная
• поддержки шрифтов (с описанием их весов как часть полной семьи) не беден
• ни один из встроенные шрифты ОС, которые вы будете использовать в своих правилах font-family:, имеют дополнительные веса, отличные от обычных и полужирные.

font-weight: 600 долгое время было проблематичным. Opera и Chrome appear используют синтетические полужирные шрифты весом 600, а не оригинальный жирный шрифт, который используется с веса 700 вверх. (Синтетические шрифты обычно используются, когда жирным шрифтом или курсивом требуется семья, у которой нет жирного/курсивного варианта.) Кроме того, в Firefox/OSX 600 раньше принимали normal.

Правильное значение веса, которое совпадает с bold, равно 700. Лучше просто придерживаться равнины normal и bold значений.

Кстати, у вас также есть неправильное правописание шрифта (san-serif должно быть sans-serif).