Каков правильный размер шрифта, чтобы получить желаемые результаты? - PullRequest
Новая
       22

Каков правильный размер шрифта, чтобы получить желаемые результаты?

0 голосов
/ 08 марта 2012

Я прочитал много статей, но я не совсем уверен, что сегодня правильно. Я хочу правильно установить размер шрифта, но не уверен, что использовать.

Я видел body {font-size: 100%} и body {font-size: 62.5%}. Я также прочитал, что размер шрифта должен быть px или не должен быть px.

Каким будет правильный способ сделать это сегодня? Если IE 6 [устарел] и 7 медленно устаревают, как лучше всего настроить каскадный шрифт через веб-сайт?

Ответы [ 3 ]

1 голос
/ 08 марта 2012

Это очень сильно зависит от вашего личного стиля программирования и предпочтений.

Я для себя предпочитаю устанавливать размеры шрифта в em. Это дает мне преимущество в том, что я могу настроить все размеры шрифтов на странице, изменив одно число в теле.

Если вы используете размер шрифта 100% или 62,5%, это также личное предпочтение и зависит от макета. Никто не может сказать вам оптимальное значение, потому что никто не знает, что вы лично любите и хотите.

0 голосов
/ 08 марта 2012

Это не вопрос, а более общие рекомендации. Это также может быть применено к свойству line-height, которое может быть довольно ошибочным в IE. Как разработчик пользовательского интерфейса, мой рабочий процесс выглядит следующим образом:

  • Установите значение Pixel для тела, обычно 12px, 14px, 16px или 18px. (это будет ваш по умолчанию). Я бы очень не стал использовать процент для размера шрифта по умолчанию. Я также обычно устанавливаю процент или высоту линии на основе элемента body для всего текста.

  • Используйте EM для определения значений для текста. Вы можете установить общие абзацы на 1.0em, а вашему первому ребенку на 1.25em, чтобы он был немного больше. Установите заголовки в соответствующие размеры и так далее. Это действительно зависит от сайта, на котором вы работаете, и ваших предпочтений.

Помните, что с помощью CSS, когда вы устанавливаете высоту, он каскадно падает. Если высота шрифта по умолчанию составляет 12 пикселей, и вы установите все свои div в 1.33em, а затем установите подэлемент вашего div в 1.25em, у вас будет очень странный размер шрифта ... Это не так во что бы то ни стало, но это не лучшая практика.

Небольшая практика позволит вам в любой момент узнать, какой у вас размер шрифта, и хорошо работает во всех браузерах.

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

Хороший ресурс для настройки EM после объявления размера шрифта на теле: pxtoem.com .

Надеюсь, это поможет!

0 голосов
/ 08 марта 2012

Вы должны использовать 62,5%, если хотите, чтобы размеры шрифта были относительными (полезно для увеличения текста в FF и IE) 

body {
    font-size: 62.5%;
}
p {
    font-size: 1.2em; /* this is 12pixel */
}

Почему 62,5%? Это значение, которое работает во всех браузерах

...