Ich habe einen wirklich schlechten Konflikt mit der Verwendung von Google-Webfonts. OK hier ist der Code:
Dies ist im Kopf:
%Vor%Und das ist in der CSS-Datei:
%Vor%" Oswald " ist eine Schriftfamilie mit drei Schriftarten:
Wie Sie sehen können .. ich habe nur das Fett-Gesicht geladen (700). (Sie können es in der Abfrage sehen) Und es funktioniert bis hier, aber ...
DAS PROBLEM IST:
Ich habe eine Desktop-Version der 3 Schriftarten (300,400,700) auf meinem Computer installiert und solange diese Schriftarten aktiviert sind ... zeigt mir der Browser das falsche Schriftgewicht (400) in meinem HTML-Dokument.
>OK. Das Problem ist, dass in meiner Schule "Oswald" den lokalen Fund und nicht den Webfont übernimmt. Aber die lokale Schrift "Oswald" ist "Oswald normal". Ich weiß nicht, warum Google es "Oswald" anstatt "Oswald Bold" nennt. Ich weiß also nicht, wie ich dieses Problem beheben kann.
Ich möchte nicht, dass das CSS auf den lokalen Font zeigt. Ich möchte, dass es immer den Webfont anzeigt ... wegen des richtigen Font-Gewichts!
Hast du irgendwelche Ideen? Bitte?
Umbenennung des Webfont-Anrufs möglich?
Sie können die CSS @font-face -Regel entsprechend Ihren Anforderungen bearbeiten, anstatt nur die automatisch generierte Version von Google zu laden. Grundsätzlich ist das Problem, dass ihre Regel lokale Versionen bevorzugt ( src: local('Oswald Bold'), local('Oswald-Bold'), ... ). Die korrigierte Version würde wie folgt aussehen:
Fügen Sie das einfach manuell zu Ihrem CSS hinzu und verwenden Sie font-family: 'WebOswald'; , wenn Sie die Google-Webversion der Schriftart verwenden möchten.
Ich hoffe, das hat geholfen!
Tags und Links css font-face fonts webfonts google-webfonts