Этап №1
По сути, это этап, когда никто ничего не делал. Сюда же можно отнести и неправильное применение блока font-face. По мнению многих веб-мастеров это самый настоящий «анти шаблон». С подобного рода подходом в браузерах возникает проблема мигания невидимого текста.

Этап №2
Data URI для мигающего и не имеющего стиля текста. Асинхронная загрузка CSS стилей со шрифтами, представленным через Data URI. Такой метод является устаревшим и может приводить к короткому миганию невидимого текста.

Этап №3
Использование класса в области видимости для текста, не имеющего стилей: таблица стилей применяется для введения класса, который защищает контент от веб-шрифтов, загрузка которых не была произведена.

Этап №4
Использование классов в области видимости для мигающего текста. Данный метод использует два различных этапа в классах, которые находятся в области видимости. Первый этап предполагает загрузку шрифта Roman, а уже на втором этапе осуществляется загрузка той или иной вариации данного шрифта, например Bold. Такой метод хорошо подходит для не очень скоростных соединений, ведь благодаря нему перестройка страницы менее заметна для пользователя.