Ранее стилизацию отображения текста сайтов подстраивали под ОС, т.е хорошо было известно какие шрифты есть в ОС - от это задействовали шрифты, которые имеются в ОС.
style.css
Код:
body {font: 12px 'Comic Sans MS'}
index.html:
HTML код:
<link rel="stylesheet" href="style.css" type="text/css">
или index.html:
HTML код:
<style type=text/css>body {font: 12px 'Comic Sans MS'}</style>
Теперь нет необходимости подстраивать стилизацию текста к ОС.
Например мне вздумалось украсить отображение текста более красивым шрифтом (чем в ОС Windows по умолчанию) - я использую шрифт Comfortaa с Google:
style.css:
Код:
body {font: 12px 'Comfortaa';}
index.html:
HTML код:
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css">
- при это будет всё равно что у кого-то в ОС Windows нет шрифта Comfortaa, и например в Opera 12 вместо текста квадратики.
Важно то, что в браузерах: Google Chrome, Yandex, Firefox - отображение будет нормальное и ничего в ОС устанавливать ненужно.