Ваш сайт грузится как надо. Судя по всему, у вас font-display: swap (не могу проверить с телефона, но думаю, что так оно и есть).
Если это свойство в @font-face есть, то уберите его.
Но (!!!) я не советую этого делать, у вас сайт грузится быстро и хорошо, контент появляется почти мгновенно, зачем ухудшать. 300 мс времени, когда отображается не тот шрифт — это фигня полная. Гораздо важнее, что у вас первый контент сайта прогружается быстро.
А скорость загрузки и обработки шрифтов с Google Fonts CDN вы не увеличите.
Дополню, что про font-display — это о font-display: swap. А фолбек на TTF лучше тоже иметь (Edge 12 умудрялся не грузить WOFF, например), он всё равно не будет загружен, если браузер поддерживает более совершенные форматы.
Тимур Турсунбаев, фолбек на TTF лучше иметь в запасе. Всё равно браузер грузит только одного формата шрифты, игнорируя другие, описанные в @font-face, даже если там пути до 100 файлов с разными форматами прописать.
А грузит браузер тот формат, что поддерживает и считает наиболее оптимальным.
Браузер загружает только в одном формате файл шрифтов, указанный в @font-face. Вы скорее всего общий вес всех файлов указали (TTF, WOFF, WOFF2 и т. д.) + учитывайте ещё GZIP, поэтому по факту гораздо меньше пользователь будет загружать.
Метод только один: удаление лишних глифов, упрощение опорных точек нужных. Если вы не шрифтовик, то скорее всего вы нормально сможете только попробовать удалить ненужные глифы из шрифта.
SpiderPigAndCat, тоже не так. Там надо на vw, как в моём примере. Если там будет не цвет, а картинка, она будет на все 300% расстягиваться. А если там будет ещё и контент — сами понимаете.
Покажите код, как вы грузите, кстати.
В будущем станет возможно. Появится аналог #use в CSS, но не сейчас.