Разница между font-style и font-variant в CSS заключается в том, что первое свойство задаёт стиль шрифта, а второе — вариант шрифта. 12

font-style определяет, будет ли текст отображаться курсивом или нет. 2 Это свойство может принимать одно из трёх значений: normal (обычный текст), italic (курсивный текст), oblique (наклонный текст). 2

font-variant определяет, как следует представлять строчные буквы — делать их все прописными уменьшенного размера или оставить без изменений. 2 Со значением small-caps все строчные буквы будут преобразованы в заглавные, при этом преобразованные заглавные буквы будут по размеру меньше, чем оригинальные заглавные буквы в тексте. 2 Значение normal возвращает всё в исходное состояние. 2