Что самый быстрый способ загрузки пользовательских шрифтов с помощью Css

Question

Какой самый быстрый способ для загрузки CSS

Используя ссылку реф в заголовке или с помощью @import в файле CSS.

например.

<link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Gudea:400,700'> 

Или

@import url("//fonts.googleapis.com/css?family=Gudea:400,700"); 

Я несколько тестов скорости, но ничего не является окончательным. Но, включая ссылку, этот файл рассматривается как блокировка визуализации, поэтому, хотя отдельный файл ссылки должен быть быстрее, я не могу узнать, действительно ли это.

Answer 1

Включая файл CSS через HTML link тег должен давать быстрее результаты, так как браузер может загружать файл шрифта даже до загрузки файла CSS. Теоретически браузер должен загружать оба файла параллельно. Вы можете просмотреть это с помощью вкладки сети инструментов разработчика.