Форум русскоязычного сообщества Ubuntu


Хотите сделать посильный вклад в развитие Ubuntu и русскоязычного сообщества?
Помогите нам с документацией!

Автор Тема: Шрифт отображается по разному в браузерах на Ubuntu и Win 7 (верстка в Linux)  (Прочитано 4507 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн maxcorp

  • Автор темы
  • Новичок
  • *
  • Сообщений: 4
    • Просмотр профиля
Здравствуйте!

Столкнулся с проблемой рендеринга шрифтов в браузерах в Ubuntu 14.04. Ubuntu отображает шрифты более крупно.
Шрифт Arial, размером 16px отображается, как, если бы он был 17px в win.

Вот так выглядит страница в firefox Windows 7 (шрифт 16px):
http://joxi.ru/BmLLU4wyTJCXLt2Ej4g

Вот так выглядит страница в firefox Ubuntu (шрифт 16px):
http://joxi.ru/4WnLU4wyTJCULlss8lI

Из-за того, что шрифт отображается более крупным, разъехалось меню. Последний пункт меню, сместился под первый. Если, поставить 15px, то все отображается нормально, как и должно. Проблема присутствует и в chrome и ff.

Шрифты microsoft установлены, Arial есть. Никакие расширения в браузерах не установлены (кроме firebug'а в ff). Масштаб 100%. ОС недавно установлена, никакие конфиги не редактировались. Разрешение экрана одно и тоже.

1. В чем может быть проблема и как ее устранить?
2. Вопрос, к тем, кто занимается web-разработкой в Linux. Как вы проверяете верстку, если здесь возможны такие баги?
« Последнее редактирование: 20 Июль 2014, 11:12:06 от maxcorp »

Оффлайн peregrine

  • FSM
  • СуперМодератор
  • Старожил
  • *
  • Сообщений: 7080
  • Gentoo x64 Ubuntu 16.04.1 x64
    • Просмотр профиля
maxcorp, шрифты почти полностью зависят от настроек пользователя. Основной фактор, того, какого размера шрифты - установленное dpi, как я помню, в оффтопике оно молотком прибито, в Linux-ах какое настроишь, то и будет, но если размер 15 шрифта отображается везде одинаково, а другой нет, то проблема может быть в способах сглаживания и т.д. Лучше дай ссылку на проблемный документ, я погляжу, как он у меня в разных ОС и браузерах выглядит (в Ubuntu посмотрю сегодня же, про Windows 7 постараюсь тоже, хотя обещать не могу).

Оффлайн fuss

  • Старожил
  • *
  • Сообщений: 2049
    • Просмотр профиля
    • Screenshoter
На, настраивай http://www.webupd8.org/2013/06/better-font-rendering-in-linux-with.html
Только стоит обратить внимание на "To use the Windows or OSX style you'll also need to use the Windows or OSX fonts."
Поставил Helvetica, отображается как Helvetica. Зато "поехали" остальные шрифты

Я конечно не занимаюсь web-разработкой, но считаю что резиновая верстка хорошая вещь...
« Последнее редактирование: 20 Июль 2014, 14:16:50 от hello.internutz »

Оффлайн maxcorp

  • Автор темы
  • Новичок
  • *
  • Сообщений: 4
    • Просмотр профиля
peregrine, отправил Вам ссылку на сайт в ЛС.
hello.internutz, такой вариант не подойдет, если при этом пострадают другие шрифты.

Пробовал Ubuntu unity, на разных конфигурациях проблема осталась. Одинаковые разрешения, разные видеокарты и разные процессоры.
Возможно такая же проблема - http://ubuntuforums.org/showthread.php?t=1528043

Оффлайн fuss

  • Старожил
  • *
  • Сообщений: 2049
    • Просмотр профиля
    • Screenshoter
peregrine, отправил Вам ссылку на сайт в ЛС.
hello.internutz, такой вариант не подойдет, если при этом пострадают другие шрифты.

Пробовал Ubuntu unity, на разных конфигурациях проблема осталась. Одинаковые разрешения, разные видеокарты и разные процессоры.
Возможно такая же проблема - http://ubuntuforums.org/showthread.php?t=1528043

Тогда только верстать на Windows, если не понятно что в разных ОС шрифты рендерятся по разному

Пользователь решил продолжить мысль 20 Июль 2014, 15:38:52:
Кстати нашел интересненькое http://habrahabr.ru/post/122269/ http://habrahabr.ru/post/69442/
« Последнее редактирование: 20 Июль 2014, 15:38:52 от hello.internutz »

Оффлайн maxcorp

  • Автор темы
  • Новичок
  • *
  • Сообщений: 4
    • Просмотр профиля
peregrine, отправил Вам ссылку на сайт в ЛС.
hello.internutz, такой вариант не подойдет, если при этом пострадают другие шрифты.

Пробовал Ubuntu unity, на разных конфигурациях проблема осталась. Одинаковые разрешения, разные видеокарты и разные процессоры.
Возможно такая же проблема - http://ubuntuforums.org/showthread.php?t=1528043

Тогда только верстать на Windows, если не понятно что в разных ОС шрифты рендерятся по разному

Пользователь решил продолжить мысль [time]20 Июль 2014, 15:38:52[/time]:
Кстати нашел интересненькое http://habrahabr.ru/post/122269/ http://habrahabr.ru/post/69442/

Я, абсолютно, хорошо понимаю, что здесь шрифты рендерятся по другому и ни один час гуглил проблему. Данная проблема проявлялась не только у меня. Но, внятного ответа нигде нет. Например, еще схожая проблема - http://ubuntuforums.org/showthread.php?t=2225843. На маке, такой проблемы нет, и как я понял на некоторых дистрибутивах тоже.

Хотелось бы полностью перейти на ту систему, под которую разрабатываю. На windows присутствует немало костылей для запуска тех или иных вещей.
« Последнее редактирование: 20 Июль 2014, 15:54:57 от maxcorp »

Оффлайн fuss

  • Старожил
  • *
  • Сообщений: 2049
    • Просмотр профиля
    • Screenshoter
Мда... В общем, еще раз объясню. В Windows для рендеринга шрифта используется ClearType, в Ubuntu для рендеринга шрифта используется FreeType, в MacOS для рендеринга шрифта используется MacType. Это разные движки, для разных ОС, они дают разное отображение шрифта для каждой ОС. Все. Еще раз - то, что ты верстаешь в Firefox под Windows будет абсолютно по другому выглядить в Firefox под Ubuntu, и даже с уже установленным нужным шрифтом. Без патча FreeType (ссылка выше) в Ubuntu добиться "почти" однакового отображения шрифта из\в Windows нельзя

Пользователь решил продолжить мысль 20 Июль 2014, 16:06:22:
Да и вообще в 7ке скорее всего какой-то Natural ClearType
« Последнее редактирование: 20 Июль 2014, 16:06:22 от hello.internutz »

Оффлайн maxcorp

  • Автор темы
  • Новичок
  • *
  • Сообщений: 4
    • Просмотр профиля
Мда... В общем, еще раз объясню. В Windows для рендеринга шрифта используется ClearType, в Ubuntu для рендеринга шрифта используется FreeType, в MacOS для рендеринга шрифта используется MacType. Это разные движки, для разных ОС, они дают разное отображение шрифта для каждой ОС. Все. Еще раз - то, что ты верстаешь в Firefox под Windows будет абсолютно по другому выглядить в Firefox под Ubuntu, и даже с уже установленным нужным шрифтом. Без патча FreeType (ссылка выше) в Ubuntu добиться "почти" однакового отображения шрифта из\в Windows нельзя

Ещё раз отвечу. Про рендеринг я прекрасно понимаю, и если ты внимательно прочитаешь мое прошлое сообщение, то там есть ссылка, где человек утверждает, что данной проблемы у него нет на KUbuntu. Как оказалось, на KUbuntu 14, НЕТ моей проблемы и страница отображается корректно. Опять же, система чистая, только в настройках шрифта нажата кнопка Default values. Данная проблема присутствует на Ubuntu (возможно и на других дистрибутивах, или конфигурациях, или при определенной фазе луны).

UPD
Вариант отсюда http://www.webupd8.org/2013/06/better-font-rendering-in-linux-with.html, проблему не решает.
« Последнее редактирование: 20 Июль 2014, 16:19:09 от maxcorp »

Оффлайн fuss

  • Старожил
  • *
  • Сообщений: 2049
    • Просмотр профиля
    • Screenshoter
Вот тебе еще ссылка на то, что нужно только патчить http://habrahabr.ru/post/74227/
Я привел просто ссылку на простой способ.

Пользователь решил продолжить мысль [time]20 Июль 2014, 16:21:39[/time]:
Ладно, ты не знал, но в Ubuntu используется свой патч для FreeType для отображения шрифтов. Поэтому, как пишет тот автор на форуме Firefox, в OpenSuse шрифт выглядит по другому (с учетом что Suse под MS, они могут использовать их ClearType, который запатентован MS и не платить). То есть, в Suse с патчем от MS шрифты могут быть одинаковыми.
На счет Kubuntu, ты только что поставил и сравнил?
И что вариант не решает проблему? Ты все сделал? Выставил использовать рендеринг Windows, выставил использования стиля?

Пользователь решил продолжить мысль [time]20 Июль 2014, 16:27:41[/time]:
А вообще, там к Infinality еще огромное кол-во патчей. И проще всего верстай в Ubuntu, а проверяй в Windows, по другому никак

Пользователь решил продолжить мысль [time]20 Июль 2014, 16:44:49[/time]:
Я тут погуглил как частично решить по другому проблему - font-face, "выполнять верстку, в которой размеры не будут зависеть от длины текстовых строчек + выбирать оптимальные шрифты". Ты как версталщик поймешь, а то я хз
« Последнее редактирование: 20 Июль 2014, 16:45:48 от hello.internutz »

Оффлайн alexander.pronin

  • Старожил
  • *
  • Сообщений: 2540
    • Просмотр профиля
Выдержка из css
body {font:normal 1em/1.3 arial, helvetica, sans-serif;color:#333;height:100%;background:#f0f0f0}
Уже не помню, где я эту фичу увидел, но работает.
Обратите внимание, на то что шрифт arial масштабируется в 1.3 раза.

 

Страница сгенерирована за 0.058 секунд. Запросов: 25.