имя базового семейства это sans-serif, monospace и т.д. и не должны заключатся в кавычки. в кавычки(двойные, а не одинарные как у вас) заключаются имена шрифтов которым дается приоритет. к примеру font-family: "Arial", Verdana, Helvetica, sans означает что приоритетным шрифтом на сайте будет Arial, а при его отсутствии у клиента будет использоваться Verdana а при её отсутствии Helvetica, а если всех 3-ёх нет то будет использоватся шрифт установленный в системе клиента по-умолчанию. sans означает гарнитуру шрифта без засечек. monospace - шрифт, элементы которого одинаковой ширины.
Не совсем точно. Если шрифт заключается в кавычки, то он не является приоритетным. Он и так приоритетней, чем остальные, так как он на первом месте в этом списке. Когда Вы заключается шрифт в кавычки, то Вы называется точное имя у этого шрифта, например, у шрифта Arial есть разновидности, такие как Arial Black, Arial Narrow, Arial Unicode MS и т.д., и когда в ковычках например указан "Arial Narrow", браузер пытается найти именно эту разновидность этого шрифта, а потом уже остальные по списку. Если без кавычек указать, а просто Arial, браузер будет пытаться найти любой имеющийся шрифт из семейства Arial, в случаи неудачи - дальше по списку. Вот как-то так.
Знаешь попробуй проверить эту систему на сайте Google и увидидишь сколько Google светит ошибок.
Подход не верен. Следует всегда стараться писать вылидный HTML и валидный СSS, тем более, что касается CSS, его валидость легко исправить.
