2015-06-08 2 views
1

My website имеет совсем другой рендеринг в Firefox Windows/Firefox Linux (однако аналогичные версии, параметры по умолчанию для обоих).Неисправности Windows/Linux

Причина заключается в том, что шрифт визуализируется совсем по-другому. Это:

font-family: sans-serif; 

дает Arial похожий шрифт на Windows:

enter image description here

и немного другой шрифт на Linux:

enter image description here


Как решить эту проблему и постоянный рендеринг в Firefox Win/Firefox Linux?
(если это возможно, я хотел бы сохранить рендеринга для Windows)

ответ

3

Вы только определили имя шрифта sans-serif, который не является шрифт сам по себе, просто говорит браузеру использовать любые шрифт без засечек браузер предпочитает. Но даже если вы дадите конкретное имя шрифта, имейте в виду, что установленные шрифты в Win/Linux не совпадают. Кроме того, рендеринг шрифтов зависит от ОС, поэтому обе ОС могут визуализировать шрифты несколько иначе. Лучший способ решить эту проблему - использовать веб-шрифт, где у вас есть те же файлы шрифтов для Win и Linux. Также дает вам гораздо больше свободы в дизайне, поскольку вам не нужно полагаться на шрифты, предоставляемые ОС.

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

Другими словами: достижение результата, когда каждый отрисовщик шрифтов выглядит точно то же самое просто невозможно. Это характер www.

+0

Спасибо! Невозможно использовать Arial в Linux? (за исключением случаев, когда я устанавливаю его вручную, но я не буду делать этого для каждого посетителя моего сайта;)) – Basj

+0

Да, вы его получили. Но зачем использовать Arial? Так скучно;) И кстати, что вы подразумеваете под «Linux»? Их так много. –

+0

В этом примере (скриншоты в моем вопросе) Arial выглядит намного более сбалансированным, чем тяжелая работа над рендерингом Firefox Ubuntu. Что вы обычно используете вместо 'font-family: sans-serif;', чтобы обеспечить лучшую согласованность? У вас есть пример? – Basj

Смежные вопросы