Безопасные шрифты. -

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

Суть проблемы: в Windows по дефолту один набор шрифтов, на Mac другой, а под различными сборками линукса и всякими китайскими планшетами шрифты вообще могут быть совершенно разные.Браузер воспринимает css шрифты следующим образом: «первый в списке, если такого в системе нет — второй в списке, если такого нет — третий в списке...»

То есть, в на следующий css стиль

font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;

у браузера браузера будет следующая реакция: сперва попробует подключить к странице шрифт Verdana, в случае если шрифта нет - попробует Geneva CY, ести и этого шрифта нет - DejaVu Sans. Если ни одного из явно указанных шрифтов нет в системе, браузер подключит шрифт, который у него задан как sans-serif (шрифт без засечек).

Это может стать причиной разваливающейся верстки. В качестве решения проблемы как правило применяются «вебсейф» паттерны шрифтов. Я применяю вот эти:

font-family:"Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif;
font-family: Arial, "Helvetica CY","Nimbus Sans L", sans-serif;
font-family: "Comic Sans MS", "Monaco CY", cursive; /*:3*/
font-family:"Courier New", "Nimbus Mono L",monospace;
font-family: Georgia, "Century Schoolbook L",Serif;
font-family: Impact, "Charcoal CY",sans-serif;
font-family: "Lucida Console", Monaco, monospace;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-family: "Palatino Linotype","Book Antiqua", Palatino, serif;
font-family: Tahoma,"Geneva CY", sans-serif;
font-family: "Times New Roman", "Times CY", "Nimbus Roman No9 L",serif;
font-family: "Trebuchet MS", "Helvetica CY",sans-serif;
font-family: Verdana, "Geneva CY", "DejaVu Sans", sans-serif;