Какой шрифт используется для моего сайта

?
Вопрос Есть ли шрифт характера, который лучше подходит для моего веб-сайта, зная, что он предназначен для всех аудиторий и возрастов? И какой размер символов выбрать? Определить его в процентах (%), пикселах (px) или типографских единицах измерения (em)?

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

Что касается шрифта, то в некоторых случаях может быть крайне важно иметь четкое различие между символами 1 (один) l (строчный) I (i заглавный), что не так с Arial, но что Вердана делает очень хорошо.

Фонты и однократные, l, i прописные, o строчные, o прописные, нулевые символы:

Если для разных элементов страницы используются разные шрифты, то лучше всего выразить размер в процентах, так как у «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;
}  

Google

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;
}

Общие черты:

Заключение

Лучший шрифт :

Выбрать из Arial, Verdana, Georgia, в зависимости от содержания и замечания, сделанного выше. Бесхозяйственная полиция - вынужденный альтернативный выбор.
Для названий и других элементов можно использовать разные шрифты.

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

Часто сайты склонны использовать небольшие символы. Размер шрифта в 13 пикселей обычно считается хорошим компромиссом между читаемостью и громоздкостью. Что касается размеров названий, посмотрите на выбор Google или Apple.

Единица измерения :

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

См. также