import MainLayout from '@/layouts/MainLayout';
import CabinetLayout from '@/layouts/CabinetLayout';
import EmptyLayout from '@/layouts/EmptyLayout';
const MainLayout = () => import( '@/layouts/MainLayout');
const CabinetLayout = () => import( '@/layouts/CabinetLayout');
const EmptyLayout = () => import( '@/layouts/EmptyLayout');
И говоря "Откройте devTools" Я имел в виду панель Network. И посмотрите какие стили загружаются, загружаются ли шрифты.
Если всё загружается, и вы правильно применяете шрифт к документу, тогда в том же devTools но уже в веб-инспекторе можно посмотреть какие стили применяются к документу, какие написаны с ошибкой и какие переопределены и чем.