Размер шрифта

[tigra60]

tigra60, на другой стороне

Капец!
Что значит на другой стороне?
Изначально размер шрифта должен быть привязан к предпочтения браузера (html {font-size:100%}). Но тогда все размеры всех блоков нужно указывать в относительных единицах (em), как и размеры шрифта. Иначе возможна поломка дизайна (слишком большой шрифт в маленьком блоке, или наоборот слишком мелкий шрифт в большом блоке).
Нельзя смешивать абсолютные единицы с относительными! Или все в абсолютных, или все в относительных (ну, хотя-бы ключевые размеры)
Можно пить пиво или пить водку. Но нельзя смешивать пиво с водкой. (Хотя, кому как - "водка без пива - деньги на ветер").
Надеюсь, так понятнее?

Я замечал, что есть разница в пикселях на экране между размером шрифта (font:1em и размером для блока (width:1em.

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

 

[vla]

Понял!
С этим сообщением согласен полностью!!!!

 

[vla]

Единица, выражающая ширину самой широкой литеры (знака) того или иного кегля и гарнитуры наборного (монотипного) шрифта. Делится на 18 равных частей, называемых монотипными единицами. В долях Эм выражаются значения кернинга, трекинга, выключки. Матчасть учите!

Я настаиваю:

1em - это: - и никак иначе!
при условии, line-height:100%;


вот иллюстрация в моем исполнении:


Посмотрите данную страницу!
Обратите внимание:
там есть DIV красного цвета - его ширина и длина = 5em,
также там есть абзац - в нем имеется ровно пять строк.
На этой странице я сделал варианты с разными шрифтами итд
http://nng10.ru/trash/em.html

 

[Matytsin Kostyantin]

Как по мне шрифты должны быть размером 12 пикселей и измеряться в пикселях

 

[tigra60]

Вот размер шрифта, а не то, что вы нарисовали.
Здесь слово "Потолок" в верхнем индексе (<sup>), его заглавная "П" показывает верхний предел кегля, а последняя буква "р" второго слова показывает нижний предел кегля.

А в вашем примере нужно было указать line-height:1;
Тогда 5 строк кеглем 2 em укладывались бы в квадрат высотой 5 em

А моноширинный шрифт здесь совсем не показателен. У меня, например, в хроме, у пользователя нет возможности изменить кегль моноширинного шрифта - 13рх, и не подходи. А вот остальные (по-умолчанию, с засечками и без) - можно установить любой кегль - крупный, мелкий (в разных вариациях) или непосредственно в пикселях.

Не пойму, что вы вообще хотели доказать?

 

[vla]

Не пойму, что вы вообще хотели доказать?

Блин, ничего! Я не правильно понял смысл термина "Литера". Теперь все ясно, больше спорить не смею.
(думал - литера-это высота буквы, той что мы видим глазами)

 

[Helga]

http://www.typetester.org/

Ресурс для сравнения и подбора шрифтов.

 

[Birsen]

Здравствуйте!

В чем же лучше задавать размер шрифта, чтобы пользователь сам в случае необходимости мог его изменить?
В em или в %?

 

[A-F]

em, pt, px нету разницы. Как привык так и верстай.

 

[Birsen]

Но ведь пункты, кажется, не предусматривают такую возможность?

 

[lekzd]

В чем же лучше задавать размер шрифта, чтобы пользователь сам в случае необходимости мог его изменить? В em или в %?

есть уже давно позабытая всеми возможность задавать размер шрифта как "+2" или "-2"

 

[Birsen]

а она дает возможность пользователям изменять размер шрифта?

 

[vla]

а она дает возможность пользователям изменять размер шрифта?

[member=Birsen], это делает JavaScript! JS может изменить размер шрифта и даже единицу измерения...
напр.: было font-size:2em;, пользователь нажал - стало font-size:20px;

 

[Birsen]

Спасибо! А Вы сами пробовали на практике это применять? Дизайн не ломается?

 

[lekzd]

а она дает возможность пользователям изменять размер шрифта?

таак, ну а зачем я тогда это писал?

Birsen, это делает JavaScript!

хм, может предполагалось менять размер шрифта штатными средствами браузера?

 

[vla]

Я имел ввиду скрипты типа этого:
http://blog.g63.ru/jquery/скрипт-смены-стиля-пользователем-в-wp-и/
только там цвет меняется, а ни размер.
ps: не уважаю эту тему "смены дизайна на свой вкус"...

 

[BaNru]

уже ссылки на мой блог кидают )))

ps: не уважаю эту тему "смены дизайна на свой вкус"...

vla, а это ты зря. А если человек дальтоник, или еще там что-то?
Моя статья конечно эксперимент и баловство (как и блог), но в целом это весьма полезная идея и используется много где.

 

[tigra60]

Здравствуйте!

В чем же лучше задавать размер шрифта, чтобы пользователь сам в случае необходимости мог его изменить?

В em или в %?

Капец! Опять все вопросы по новой. Вы хоть прочли , что в этой теме написано? Опять те же вопросы задаете!

 

[vla]

Моя статья конечно эксперимент и баловство (как и блог)

[member=BaNru], я не критикую статью, она хорошая, я ее сам прочитал и попробовал на примере (только кусочек...).

Я просто не люблю эти приколюхи. Их расцениваю как:
Я плохой дизайнер, но вы можете сделать за меня мою работу! Какой шрифт здесь более козырный, а цвет? А меню лучше справа или слева? Блин, меню справа, а куда лого? И так можно спомощью JS (или JQ) до бесконечности пытать!

Но, это мое личное мнение как пользователя интернета, у вас другое. Думаю дальнейший спор будет бессмысленным...

А если человек дальтоник, или еще там что-то?

Во первых, что-то мне подсказывает, что и человеку с нормальным зрением будет некомфортно читать если текст и фон будут одного тона, поэтому лучше избегать такое сочетание...
Во вторых: о дальтониках побеспоколись настройка Windows и Браузера

Капец! Опять все вопросы по новой. Вы хоть прочли , что в этой теме написано? Опять те же вопросы задаете!

Ну да, обидно... Похоже вы мне одному обясняли все это...

Спасибо! А Вы сами пробовали на практике это применять? Дизайн не ломается?

Да, пробовал! Одновременно с размером букв можно менять и ширину абзаца, даже местоположение абзаца... Но, спору нет - непробиваемым, дизайн с такими "гибкими" настройками, сделать сложнее

 

[Milera]

От px я отказался тоже (я про шрифт, если че ), правда в пользу em

не самое адекватное решение. емы используются в основном для печати, на сайте лучше использовать пиксили.
Да и я помню кто-то чудил с ЕМами, вроде эксплорер опять пытался доказать что он не такой как все. Толи заглавные буквы он не так отображал, толи буквы с точками вверху, типа ё, и i, не критично конечно, но все равно.

но в целом разницы абсолютно никакой, как кому удобно.