Должен ли я использовать абсолютные размеры шрифта (маленький, средний, большой и др.)? - PullRequest
14 голосов
/ 04 января 2012

W3C поддерживает страницу с советами о том, как определить размер ваших шрифтов в CSS - последнее обновление в апреле 2010 года. На этой странице самый лучший способ стилизовать шрифты - это использовать "абсолютный" шрифт -sizes:

еще лучше, если для документа установлен базовый размер шрифта, используйте абсолютный размер ([xx-small | x-small | small | medium | large | x-large | xx-large]) или относительный размер ( [больше | меньше]) при определении размера шрифта для определенного элемента в документе.

Спецификация затем определяет эти размеры шрифта в таблице. Насколько я понимаю эту таблицу, small должен быть 2/3 (66%), размер medium, а large должен быть 4/3 (133%).

Если я проверю это, я получу довольно разные результаты из моей интерпретации соотношений, определенных W3C. Результаты согласуются с последними версиями Chrome, Firefox и IE, но не соответствуют рекомендациям W3C. small равно 81.25% вместо 66%, а large равно 112.5% вместо 133%.

Значит ли это, что современные браузеры не поддерживают эти стандарты от W3C? Есть ли новый стандарт, который заменил этот, о котором я не знаю? Или я неправильно понял значение этой таблицы из W3C?

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

Ответы [ 2 ]

6 голосов
/ 04 января 2012

Вы неверно истолковали таблицу, на которую ссылаетесь. Средний - это размер шрифта HTML 3, маленький - размер шрифта HTML 2, ссылающийся на устаревший тег шрифта и его размеры шрифта 1..7.

В любом случае, если вы хотите соблюдать настройки размера шрифта пользователя, не используйте размеры шрифта, такие как 10px и т.п. Средний означает предпочтения пользователя. (Хотя подавляющее большинство пользователей оставляет свой предпочтительный размер по умолчанию, потому что они не знают, как его изменить.)

@ MrLister сказал в комментариях :

[соотношение абсолютных размеров шрифта] отличается в разных браузерах. Согласно W3C, он может даже отличаться между шрифтами. По моему личному опыту, в некоторых браузерах также есть разница между строгим и странным режимом. Так что если вы хотите последовательности, не используйте ее. Установите размер для тела (либо нужный размер, либо оставьте его на усмотрение пользователя), а затем работайте с процентами или ems для различных элементов

0 голосов
/ 04 января 2012

«Средний» переводится как 1em.

В качестве основного размера шрифта для документа 1em (или 100%) эквивалентен установке размера шрифта в соответствии с предпочтениями пользователя.

...