Указать размеры резервных шрифтов в CSS?

Есть ли способ указать разные размеры шрифтов для резервных шрифтов в CSS? Я хочу сделать что-то вроде этого (что, очевидно, не работает):

div {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 20px, 18px, 18px, 18px;
}

Идея состоит в том, что Arial Narrow будет отображать 20 пикселей, если он установлен пользователем; в противном случае браузер вернется к Arial с разрешением 18 пикселей, затем к Helvetica с 18 пикселей и т. д.

Или я могу использовать JS для достижения аналогичного эффекта?