Я расскажу о способе при котором сам браузер распознает букву и определяет для нее шрифт. В результате мы получим: для такой разметки: вот такой результат: Этот способ базируется на: Все выше правила взяты из стандарта - CSS Fonts Module Level 4. Один и тот же шрифт может быть написан курсивным или жирным начертаниями. Поэтому и говорят что шрифт обладает лицами т.е faces. Отсюда и правило `@font-face` которое определяет одно такое лицо, например курсивное. Пример на codepen