Почему сайт habr.com размещает загрузку шрифтов инлайново в самом начале страницы?

Тебе не всё равно? Так разработчики решили сделать, какая разница зачем?

Почему и не в стилях, может я также хочу сделать, может это быстрей, круче лучше, в том то и дело что разработчикам с хабра виднее, думаю у них не один посетитель в сутки, но почему они так сделали, братан разница одна … другая дразнится, какая-то ведь есть разница, может так правильнее, эффективнее, ну они умнее нас с тобой то уж. Может шрифты так меньше дергаются, мелькают, может это на эту фигню влияет - CLS — Cumulative Layout Shift, может быть мне это важно.

Я считаю красивее подключать через CSS, чем иметь мусор стилей в html вёрстке.

Я так тоже думаю, поэтому и странно что профи с хабра вставили прямо в html документ.

Если много файлов css подключается к html-документу, вставлять шрифты отдельно может быть удобнее. 

Также возможно так шрифты быстрее загружаются и кэшируются.

Когда подключается внешний css, то это лишнее обращение к серверу.

Ну и думай, что это просто они странные. А они запросто могут посмотреть на процесс загрузки (наверное помнят инструменты разработчика) и сравнить варианты, а могут и догадаться - их же не отзомбировали как тебя. А ещё у них в html есть <script  в начале и отдельно в конце, хотя тебе было бы красивее совсем не так.

А ещё есть код страницы выдачи подлого гугла, по нём ты сможешь задать много похожих вопросов / высказать кучу недоумений. А создателям не так важен траф, сколько время первой загрузки.

Так шрифт быстрее загружается, очевидно. Всё, что необходимо для максимально быстрого отображения первого экрана – лучше вставлять прямо в код страницы, а не в отдельный файл. 

Разница во времени на запрос файла.css и на получение ответа от сервака... в условиях ухудшающихся параметров сети.рф

Ещё правильнее было бы смотреть на серваке некие признаки, которые могут быть в первом запросе, предполагать - есть ли у ползателя все эти css/js в кэше... и выдавать разный код.

А пока на лишних несколько KB кода в html тратится меньше времени, чем на запрос лишнего файла.

Скорее всего разработчик сайта не слышал про <link rel=preload