Ridonkulous проблема отображения большого шрифта. fontSize разбивает слова по всему - PullRequest
Новая
       35

Ridonkulous проблема отображения большого шрифта. fontSize разбивает слова по всему

1 голос
/ 27 июня 2009

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

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

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

Хорошо выглядящий слайд выглядит как первый на этой странице: bbby.org / доля / so_pics.html

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

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

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

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

1 Ответ

0 голосов
/ 27 июня 2009

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

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

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

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

...