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

Question

Я нахожусь в процессе написания объекта slideware с использованием метода Lessig на javascript (так что что-нибудь забавное, но не важное), и я продолжаю сталкиваться со странными аномалиями компоновки текста, подобных которым я не могу сказать, что когда-либо видел.И все же они пронизывают все мои слайды.

Предыстория прямолинейна.В презентации есть слайды, а в слайдах есть Строки.Строка может быть словом или фразой, а на изображениях, которые я связываю, слайды состоят из трех строк.

"Экран" презентации - это область просмотра окна браузера.Свойство CSS line-height каждой строки вычисляется как высота видового экрана, деленная на количество строк.Каждая строка представляет собой div с размером шрифта значительно ниже высоты строки (90%, но задается в пикселях).

Красивый слайд похож на первый на этой странице:bbby.org/share/so_pics.html

(Я могу добавить только одну ссылку).

Вот тут-то все и становится странным:Поскольку все вычисляется на основе размера окна просмотра, запуск консоли firebug или переключение в полноэкранный режим изменяют размер всего (при обновлении).В некоторых случаях от одной до трех букв слова смещаются полностью влево от экрана, накладываясь друг на друга.Единственное отличие заключается в том, что я перешел на полноэкранный режим и обновился (и были рассчитаны новые размеры).

В зависимости от установленного мной модификатора размера шрифта (90%, 80%, но опять же в пикселях), это может произойти в обычном режиме просмотра (не во весь экран).

Кто-нибудь когда-нибудь видел что-нибудь подобное раньше?

Answer 1

Забавно, что есть значки за троллинг.Мне бы не хотелось, чтобы этот сайт стал новым youtube или failblog в наших комментариях.

Кроме того, эффект поддается контролю (хотя до сих пор не объяснен).Точно настроив размер шрифта с помощью скрипта, я могу видеть, в какой момент определенные буквы в словах распадаются.

Например, в div с lineHeight=269 буквы "ri" из слова "right" исчезают, как показано в исходном сообщении с размером шрифта >= 209 , но ничего ниже.Буква "l" в слове "левый" имеет большее число, возможно, увеличенное из-за того, что "f" тоже высокая буква.

Для согласованного в настоящее время решения этой очень реальной и вызывающей беспокойство проблемы (tyvm) я устанавливаю атрибут FontSize равным 73% от высоты строки в родительском контейнере.