Dlaczego tak
Własną czcionkę definiuje się regułą @font-face: deskryptor font-family nadaje jej nazwę, a src wskazuje plik i jego format. Potem można jej używać w zwykłej właściwości, np. body { font-family: "Inter", sans-serif; }. Reguła @font-family nie istnieje w CSS, @import dołącza arkusze stylów, a nie pliki czcionek, a właściwość font-family przyjmuje nazwy krojów, a nie adresy plików.