@import-Deklaration der CSS-Schriftart ⇐ CSS

[Guest]

Ich habe ein Problem mit einer CSS-Schriftart @import. Folgendes funktioniert (Schriftart wird wie erwartet gerendert):

Code: Select all

*, *::before, *::after {
margin: 0;
padding: 0;
}

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Unbounded:wght@400;500;600&display=swap');

h1, h2, h3, h4, h5, h6 {
font-family: 'Unbounded', cursive;
}

Wenn ich etwas davon mache:

• verschiebe den @import an den Anfang der Datei
• verschieben Sie den Import in den HTML-Abschnitt
• löschen Sie *, *::before, *::after< /code>-Block

Die Schriftart rendert keine länger.
Mein Ziel ist es, den Import in den Abschnitt zu verschieben. Was ist die empfohlene Methode zur Behebung dieses Problems?
Beispiel: https://codepen.io/xyzuser/pen/raBvRjK
So sollte es aussehen:


Das ist es sieht aus wie nach dem Entfernen des Blocks *, *::before, *::after:
[img]https://i.sstatic .net/YLWaSVx7.png[/img]

Oder verschieben Sie den @import an den Anfang der Datei:



Update: Am Ende bin ich Ich habe eine andere Schriftart verwendet und das hat das Problem für mich gelöst.