Почему размеры шрифта разные - PullRequest
Новая
       8

Почему размеры шрифта разные

3 голосов
/ 17 июля 2010

У меня есть следующие HTML и CSS
В Firefox вычисленный размер шрифта составляет 16.66667px
В Chrome вычисленный размер шрифта составляет 13px

Нет необходимости говорить, что между этими двумя размерами есть существенная разница: один слишком маленький для чтения, другой - хорошего размера Думаю, один из способов обойти это - установить размер шрифта 16.67px, но почему это так. 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>My first styled page</title>
  <style type="text/css">
    body {
        font-family: Arial, sans-serif;
        font-size: 10pt;
    }
  </style>
</head>
<body>

    This is some text.
</body>
</html>

Все мои измерения получены при проверке элемента (с помощью firebug в firefox).

Ответы [ 3 ]

3 голосов
/ 17 июля 2010

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

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

Я рекомендую Как изменить размер текста в CSS для хорошего обзора вашего выбора.

1 голос
/ 17 июля 2010

pt - это единица, используемая для печати, и она не является надежной для кроссбраузерного определения размера экрана. Попробуйте использовать другое устройство, например px, em или прямой процент.

0 голосов
/ 17 июля 2010

Попробуйте установить размер шрифта в PX как font-size:10px

...