Почему шрифты одного кегля в "Ворде" и браузере отличаются? Как заставить браузер делать как положенно?

Question

[sqshq]

Здравствуйте. Столкнулся с неожиданной проблемой. Шрифты, которые принтскринились из «Ворда» при рисовании сайта, как оказалось, сильно отличаются от тех, что показывают браузеры.



Шрифт же в системе один, почему они его по-разному отображают при тех же кеглях? И как выжать из браузера начертание как в «Ворде»?

Записывать в css размеры не в pt, а в px или % не помогают, перепробовал все варианты, не то.

Answer 1

[Xpeh]

Потому что при рендеринге шрифт привязывается к пиксельной сетке и в результате в браузере и других обычных программах ширина строки это сумма округлённых до (суб)пиксела ширин всех символов, то есть набегает ошибка округления, тем большая, чем длинней строка. A программы, предназначенные для работы с документами для печати на бумаге и поэтому соблюдающие концепцию WYSIWYG, избегают накопления ошибки огругления, либо не привязывая шрифт к пиксельной сетке, либо корректируя интервалы между символами.

Answer 2

[Александр]

Эм… а как в ворде можно судить про абсолютные размеры шрифта в пикселах, если там есть как минимум DPI документа и масштаб? А если глубоко копнуть, так наверняка еще какие-то масштабные преобразования найдутся. Не знаю, как сейчас, а во времена 97го ворда при изменении дефолтного принтера иногда съезжало размещение текста по страницам… WYSIWYG, блин :)

С другой стороны, браузерный pt вроде бы зависит от дефолтного DPI монитора, который установлен в ОС (тут могу наврать).

Касательно изначально вопроса, вероятно есть 1 немного кривой выход: сделать в ворде текст 100pt, замерять его размер в пикселах, после чего подобрать в браузере такой же размер в пикс (т.о. он не будет зависеть от выставленного DPI в ОС). Когда будет подобран — тогда число пунктов в ворде будет численно равно числу процентов в браузере. Т.е. 100pt в ворде = 100% в браузере.

Comments

[Александр]

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

Answer 3

[Анатолий]

Это конечно не ответ на вопрос но все же: А может в опере как надо а в ворде нет? Если Вам надо перенести текст для печати ориентируйтесь на пдф, если надо его просто показать людям в интернете, просто забейте.

Comments

[sqshq]

Суть в том что мне надо как в ворде. Показать надо людям в интернете, здесь на примерах может слабо видно, но в опере Georgia на малых кеглях слегка нелепая.

А вопрос прост: если способ?

[Анатолий]

Увы, ответа я не знаю, попробуйте googole.docs, залейте файл в пдф, забейте =) мне на ум приходит только 3 варианта. На гугл докс я бы взглянул, и в интернете, и оперой проверите.

Answer 4

[eforce]

Размер шрифта вроде как одинаковый, интервалы между буквами просто разные, это дополнительная настройка, которая задаётся отдельно.

Comments

[sqshq]

К сожаленью, нет. Сами буквы в браузерах больше. Взгляните на пример с 8pt, там особенно наглядно

[eforce]

думаю надо смотреть в эту сторону: Letter Spacing

[eforce]

А Вы пробовали в нескольких браузерах? Возможно действительно прав 0lympian и проблема вроде этой: font-size:8px

[eforce]

Попробуйте ещё такой вариант: Font size problem in Opera — fonts are huge for no reason. Там у автора всё красиво работает в FF, IE и Safari, но в опере шрифты были большие, решение он нашёл в CSS.

Answer 5

[Владимир Чернышев]

Посмотрите как будет выглядеть шрифт в Adobe InDesign (кажется она на печатную вёрстку ориентирован из их линейки, хотя может другая) или другой профессиональной программе предпечатной подготовки — терзают смутные сомнения, что неправильно отображают и Word, и Opera :)