Html semibold und bold schauen gleich aus?

Hallo, ich arbeite aktuell an einem NextJS Projekt mit TailwindCSS. Mein Problem ist, dass Font-Weight 600 und 700, 100 bis 500 und 800 und 900 gleich ausschauen. Das ist aber auch bei einem Normalen HTML Dokument so.

Das Problem besteht in allen Browsern.
Danke für die Antwort im Vorraus.

Code zum Nachmachen:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Font Weight Test</title>
    <style>
        body {
            font-family: Arial, sans-serif; /* Using a widely available font */
        }
        .thin {
            font-weight: 100;
        }
        .light {
            font-weight: 300;
        }
        .normal {
            font-weight: 400;
        }
        .medium {
            font-weight: 500;
        }
        .semibold {
            font-weight: 600;
        }
        .bold {
            font-weight: 700;
        }
        .extrabold {
            font-weight: 800;
        }
        .black {
            font-weight: 900;
        }
    </style>
</head>
<body>
    <h1>Font Weight Test</h1>
    <p class="thin">This is thin text (100).</p>
    <p class="light">This is light text (300).</p>
    <p class="normal">This is normal text (400).</p>
    <p class="medium">This is medium text (500).</p>
    <p class="semibold">This is semibold text (600).</p>
    <p class="bold">This is bold text (700).</p>
    <p class="extrabold">This is extrabold text (800).</p>
    <p class="black">This is black text (900).</p>
</body>
</html>   
Bild zu Frage
HTML, Webseite, CSS, Mozilla Firefox, Google Chrome, HTML5, Code, Programmiersprache, Webdesign, Webentwicklung, Frontend, Visual Studio Code, Microsoft Edge
PC mit Windows 10 spinnt manchmal, Käufe nicht möglich, Passwörter werden nicht angezeigt, warum?

Hallo, wir haben schon länger Probleme mit dem PC. Leider habe ich kaum Ahnung und bräuchte bitte eine Erklärung für Doofe :-), wenn jemand einen Tip hat.

Wir haben Windows 10 und Firefox. Vor langer Zeit ist das Problem aufgetretetn das die gespeicherten Passwörter für Webseiten manchmal nicht angezeigt werden wenn ich mich irgendwo anmelden will. Wenn ich den PC neu starte oder manchmal reicht es auch wenn ich Firefox schließe und neu öffne, sind sie wieder da. Früher hatten wir nie solche Probleme. Updates wurden immer alle gemacht.

Ich bestelle viel online, gerade Kleidung für die Kids. Nun habe ich es auf mehreren Seiten gehabt, dass ich dort nicht bezahlen kann. Wenn ich zum Warenkorb gehe, wird mir die Seite zur Bezahlung nicht geöffnet. Es läuft immer nur dieses Drehrad und irgendwann wird abgebrochen. Als wenn da etwas blockiert. Über Handy klappt es denn. Es liegt also nicht an den Webseiten oder an meinem Konto.

Gerade wollte ich zum Beispiel bei Champion etwas bestellen. Meine Daten konnte ich eingeben. Zur Bezahlung wurden mir nur 2 Möglichkeiten angezeigt. Ich habe Klarna angeklickt und weiter ging es nicht.... Es war kein Feld zur Zahlungsbestätigung vorhanden. Ich habe den Artikel denn übers Handy gekauft. Dort wurden mir sogar 5 Zahlungsmöglichkeiten angezeigt und der Kauf hat denn problemlos geklappt.

Probleme haben wir auch z.B. bei ebay Kleinanzeigen. Wenn ich dort eine Nachricht schreiben will, wird diese nicht gesendet wenn ich auf senden klicke. Wieder dieses Drehrad....Wenn ich die Seite schließe, und danach wieder neu öffne, ist die Nachricht aber gesendet. Auch da habe ich die Probleme nicht über das Handy.

Hat jemand eine Idee woran das liegen könnte ?

PC, Webseite, Mozilla Firefox, Online-Shopping, PC-Problem, Windows 10

Meistgelesene Fragen zum Thema Mozilla Firefox