Различия в размере текста в Chrome для Firefox - PullRequest
Новая
       37

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

3 голосов
/ 09 ноября 2010

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

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

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

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

Ответы [ 2 ]

9 голосов
/ 09 ноября 2010

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

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

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

8 голосов
/ 09 ноября 2010

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

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

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

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

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

...