Какой шрифт используется для моего сайта
?При выборе необходимо учитывать для размера шрифта тот факт, что не у всех пользователей идеальный вид.
Сайт для молодых специалистов примет уменьшенный шрифт, чтобы сэкономить пространство, но это не самый общий выбор.
Что касается шрифта, то в некоторых случаях может быть крайне важно иметь четкое различие между символами 1 (один) l (строчный) I (i заглавный), что не так с Arial, но что Вердана делает очень хорошо.
Фонты и однократные, l, i прописные, o строчные, o прописные, нулевые символы:
«Ариал»: 1 л I O 0
Вердана: 1 л
I O 0
Грузия: 1
л I O 0
Гельветика: 1 л
I O 0
Times New Roman: 1 l I O 0
Если для разных элементов страницы используются разные шрифты, то лучше всего выразить размер в процентах, так как у «em» могут быть разные результаты в зависимости от шрифта.
Примеры популярных сайтов
Исходя из того, что самые популярные и посещаемые сайты не могут ошибаться, получить объективный ответ на все вопросы, лучше всего было бы посмотреть, какой выбор они сделали !
Amazon
body { font-family: verdana,arial,helvetica,sans-serif; font-size: small; background-color: #FFFFFF; color: #000000; margin-top: 0px; } .h1 { font-size: medium; }
body { height:100%; font-family:Helvetica,Arial,sans-serif; font-size:small; color:#000; background-color:#fff; margin:3px 8px 0 0; padding:0; } h1 { font-size:160%} h2 { font-size:140%} h3 { font-size:120%}
Apple
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #fff; color: #333; margin:0; padding:0; } h1 { font-size: 24px; font-weight: bold; line-height: 36px; margin-bottom: 18px; } h2 { font-size: 16px; font-weight: bold; line-height: 18px; margin-bottom: 18px; } h3 { font-size: 1em; font-weight: bold; line-height: 18px; }
Нью-Йорк Тайм
body {
background-color:#FFFFFF;
color:#333333;
font-family:georgia,"times new roman",times,serif;
font-size:62.5%;
line-height:1.5em;
margin:0;
padding:13px 0;
}
Общие черты:
- Использование px и процентов, а не em.
- Цвет символов черного или темно-серого цвета (# 333).
- Цвет фона всегда белый.
- Выбор шрифта: у каждого сайта есть свои предпочтения. Если брать в расчет альтернативные фонды, то наиболее часто используются: Arial, non-serif, Verdana .
Заключение
Лучший шрифт :
Выбрать из Arial, Verdana, Georgia, в зависимости от содержания и замечания, сделанного выше. Бесхозяйственная полиция - вынужденный альтернативный выбор.
Для названий и других элементов можно использовать разные шрифты.
Размер шрифта:
Часто сайты склонны использовать небольшие символы. Размер шрифта в 13 пикселей обычно считается хорошим компромиссом между читаемостью и громоздкостью. Что касается размеров названий, посмотрите на выбор Google или Apple.
Единица измерения :
Базовый размер, размер тела, выражается с помощью кода small. Размеры тегов выражаются в процентах или пикселах.
Использование пикселов ничего не убирает на относительной стороне: когда пользователь расширяет страницу, текст в пикселах увеличивается вместе с остальным.