Die Schriftart von Google Chrome wurde geändert (4)

Ich habe gerade auf mehreren Websites festgestellt, dass die großartigen Schriftartensymbole nicht angezeigt werden Google Chrome. Die Konsole zeigt den folgenden Fehler an:

Vielen Dank für jede Hilfe/Erklärung!

Dieses Problem beim Zugriff auf Fonts – Amazing Assets war für viele Menschen ein Problem ohne eine umfassende Erklärung und Lösung des Problems.

Was ist CORS:

Copy Resource Sharing (CORS) ist ein Mechanismus, der zusätzliche HTTP-Header verwendet, um einem Benutzeragenten den Zugriff auf ausgewählte Ressourcen von einem Server in einem anderen Ursprung (Domäne) als der aktuell verwendeten Site zu ermöglichen. Ein Benutzeragent stellt eine ursprungsübergreifende HTTP-Anfrage, wenn er eine Ressource von einer anderen Domäne, einem anderen Protokoll oder einem anderen Port anfordert als der, von der das aktuelle Dokument stammt.

Problem:

Das Problem hängt mit der Art und Weise zusammen, wie die Font-Amazing-Schriftarten geladen werden.

@font-face( Schriftfamilie:"FontAwesome"; src:url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src:url("../fonts/fontawesome-webfont .eot?#iefix&v=4.2.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url( "../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format („svg“); Schriftstärke:normal; Schriftstil:normal )

Schriftarten werden per Stylesheet (CSS) geladen. Die Situation, die wir hier haben:

Lösung:

Obwohl CORS-Regeln in Ihrem Dateispeicher, z. B. S3, erstellt wurden und der angegebenen Domäne Zugriff auf die Ressource gewährt wurde, wird die Quelle/Domäne beim Herunterladen dieser Schriftarten angegeben, wenn das CDN versucht, die im CSS angegebenen Schriftarten herunterzuladen stammt vom CDN, der CORS-Zugriff wird jedoch nicht für die CDN-Domäne bereitgestellt.

Erstellen Sie eine CORS-Regel für Ihre CDN-Domäne.

Ich verwende ein CDN, dessen Antwort ich nicht ändern kann. Deshalb habe ich „font-awesome.min.css“ geändert, indem ich den relativen Pfad durch einen absoluten Pfad ersetzt habe, und es hat funktioniert.

Das Problem liegt nicht an der CSS-Datei, sondern an der Art und Weise, wie sie mit der Schriftartdatei funktioniert. Die Datei „font-awesome.min.css“ enthält Zeilen wie

@font-face(font-family:"FontAwesome"; src:url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src:url("../fonts/fontawesome-webfont .eot?#iefix&v=4.2.0") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url( "../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format („svg“); Schriftstärke:normal; Schriftstil:normal)

die den Browser dazu zwingen, die entsprechende Schriftartdatei (eot, woff, ttf oder svg) vom selben Server anzufordern wie CSS-Datei. Das ist logisch und richtig.

Wenn der Browser diese Schriftartdatei jedoch von cdn.keywest.life anfordert, liest er die Header-Header „Access-Control-Allow-Origin“ und findet sie nicht, sodass diese Fehlermeldung angezeigt wird. (Für mich sieht das nach einem Browserfehler aus, da er vom selben Server stammt wie die CSS-Datei.)

Wenn Sie stattdessen maxcdn.bootstrapcdn.com verwenden, enthält die Antwort einen Access-Control-Allow-Origin:*-Header und der Browser akzeptiert diese Schriftartdatei. Wenn Ihr CDN-Server diesen Header enthält, funktioniert es auch.

Wenn Sie einen Apache-Server haben, sehen Sie sich diese Antwort an: Font-awesome wird in Firefox nicht richtig dargestellt / Wie verkauft man über CDN?

Nach der Aktualisierung des Chrome-Browsers hatten Benutzer regelmäßig Probleme mit der Schriftart: Sie wurde seifig, unscharf, verschwommen usw. Bis einschließlich Version 51 war dieses Problem leicht zu lösen, aber die Aktualisierung auf Version 52 brachte für alle Browserbenutzer eine große Überraschung ...

Wie man einen solchen Schritt erklären kann, ist völlig unklar, aber in Foren, darunter auch im offiziellen Google-Forum, gibt es eine Vielzahl verärgerter Rezensionen mit der Aufforderung und sogar der Forderung, alles zurückzugeben.

Zum Zeitpunkt des Verfassens dieses Artikels, dem 6. August, verfügen wir bereits über die nächste Version des Chrome-Browsers (52.0.2743.116), aber es hat sich nichts geändert. Anscheinend wissen die Entwickler besser, welche Schriftart für Benutzer bequemer ist und sollten ihnen keine freie Wahl lassen ...

Welche Probleme können im Browser auftreten?

Ein Problem mit Schriftarten kann sich auf unterschiedliche Weise äußern. Für manche ist die Schrift einfach verschwommen und unklar. Für manche hat die fette Schriftart einen Schatten oder unterscheidet sich überhaupt nicht von der üblichen:

Jemand hat Probleme mit der Darstellung der Schriftart auf der VKontakte-Website: Sie ist trüb, völlig unleserlich, schneidet und belastet die Augen. Beispiel:

Bei manchen sind statt schwarz alle Buchstaben grau, kaum sichtbar auf weißem Hintergrund:

Und einige Benutzer erleben völligen Unsinn und Entsetzen: Die Schriftarten sind kaputt und sehen schief aus:

Wie kann das Problem mit Schriftarten in Google Chrome gelöst und in einen lesbaren Zustand zurückversetzt werden?

Wenn die Chrome-Version 51 und niedriger ist, dann Sie, und wenn 52 und höher, dann hören Sie genau zu... Derzeit gibt es keine Lösung, wie man Schriftarten mit Chrome selbst klarer machen kann – die Entwickler haben den Benutzern die Möglichkeit genommen, dies zu beeinflussen, indem sie das entfernt haben DirectWrite-Parameter aus den experimentellen Einstellungen!

Es gibt nur zwei Möglichkeiten, dieses Problem zu lösen:

• Wechseln Sie zunächst zu einem anderen Browser, beispielsweise Firefox. Übrigens haben die neuesten Versionen von Opera das gleiche Problem mit Schriftarten wie Chrome, da sie auf derselben Engine basieren.
• Zweitens: Setzen Sie Chrome auf die vorherige Version zurück, genauer gesagt auf die Version, bei der das Problem noch nicht auftrat (51.0.2704.106), und konfigurieren Sie den DirectWrite-Parameter. Aber es gibt einen Haken...

Auch hier haben die Google-Entwickler alle überlistet :) Ein Rollback über die Einstellungen des Browsers selbst ist nicht möglich – eine solche Option gibt es nicht. Selbst wenn Sie die aktuelle Version des Programms deinstallieren, finden Sie auf der offiziellen Website keine Installationsdateien früherer Versionen.

So führen Sie ein Rollback auf eine frühere Version von Google Chrome durch

Übrig bleibt nur dieses Diagramm:

Jeder, der möchte, kann selbst suchen, aber wir haben es bereits gefunden, heruntergeladen und teilen Ihnen jetzt einen Link auf Yandex.Disk mit: Google Chrome 51.0.2704.106 (es gibt eine Version sowohl für 64-Bit- als auch für 32-Bit-Systeme) .

1. Synchronisieren Sie vor der Deinstallation von Chrome alle erforderlichen Daten mit Google Benutzerkonto damit sie nicht verschwinden! Geben Sie dazu in das Adressfenster Ihres Browsers ein chrome://settings/syncSetup und drücken Sie die Eingabetaste. Aktivieren Sie im sich öffnenden Fenster die Kontrollkästchen neben allen erforderlichen Elementen, oder noch besser, wählen Sie einfach die Option „Alles synchronisieren“, wie im Screenshot unten – das ist zuverlässiger :)

Warten Sie eine Weile, bis die Synchronisierung abgeschlossen ist, insbesondere wenn Sie diese Option zuvor deaktiviert haben.

1. Kehren Sie nach der Installation der Version 51.0.2704.106 zurück vorherigen Einstellungen Chrome durch Synchronisieren und stellen Sie sicher, dass Sie dies tun abschalten Automatisches Update auf die neueste Version, sonst wird der Browser erneut aktualisiert und alles Erledigte geht den Bach runter!

So deaktivieren Sie Chrome-Updates

Um zu verhindern, dass der Browser aktualisiert wird, machen wir einen Trick. Gehen Sie zum Ordner c:\Programme\Google\Update\ oder c:\Programme (x86)\Google\Update\. Wenn Sie eine 64-Bit-Version des Betriebssystems haben, löschen Sie die Datei GoogleUpdate.exe.

Das ist alles, keine Probleme :) Im Internet wird empfohlen, Registrierungseinträge zu bearbeiten und die Gruppe zu wechseln Windows-Richtlinien, administrative Vorlagen hinzufügen usw. usw. Wie immer wurden die meisten dieser Anleitungen von denen geschrieben, die nichts davon selbst gemacht haben, sondern einfach voneinander kopiert haben. Nichts davon ist nötig. Löschen Sie einfach die Datei GoogleUpdate.exe und Chrome kann keine Updates mehr durchführen.

Wenn Sie sich nach einiger Zeit dazu entschließen, die neueste Version von Google Chrome zu installieren (falls dies passiert), laden Sie die Installationsdatei einfach manuell von der offiziellen Website herunter und führen Sie sie aus. Kein Problem!

P.S. (Update 06/2018)

Vielen Benutzern wurde durch die Änderung des Font-Cache-Skalierungsparameters in den experimentellen Einstellungen geholfen. Kopieren Sie dazu die Datei und fügen Sie sie in die Adressleiste ein chrome://flags/#enable-font-cache-scaling und wählen Sie dann den Status „Deaktiviert“ aus, wie im Screenshot gezeigt:

Freunde, haben Sie es mit dieser Anleitung geschafft, das Problem der verschwommenen, unscharfen Schriftart in Google Chrome zu lösen? Teilen Sie diesen Artikel über die Social-Buttons mit Ihren Freunden. Netzwerke - sie werden es Ihnen auf jeden Fall danken, denn sie haben wahrscheinlich die gleichen Probleme mit Schriftarten wie Sie.

Manchmal, nachdem es herauskommt Letztes Update Im Chrome-Browser haben viele Nutzer ein Problem mit der Darstellung der Schriftart, diese wird nämlich unscharf, verschwommen, weshalb sie nichts lesen können.

In älteren Versionen, vor der Veröffentlichung von Version 51, war die Lösung dieses Problems nicht schwierig, aber mit dem Erscheinen von Version 52 stellten die Entwickler den Benutzern eine echte, leider unangenehme Überraschung bereit.

So ändern Sie unleserliche Schriftarten

Die Ersteller von Google Chrome haben beschlossen, die Möglichkeit zur Personalisierung des Erscheinungsbilds der Schriftart mithilfe der experimentellen Option „DirectWrite Windows deaktivieren“ zu entfernen, was für Benutzer, die unter unscharfen Schriftarten litten, eine echte Rettung darstellte. Jetzt wurde es entfernt.

Wie ein solcher Schritt erklärt werden kann, ist völlig unklar, allerdings findet man in den Foren, auch im offiziellen Google-Forum, eine Vielzahl negativer Bewertungen, in denen nicht nur gefragt, sondern verlangt wird, alles so zurückzugeben, wie es war. Aber es sieht so aus, als würden die Entwickler alles so lassen, wie es ist.

Probleme bei der Verwendung des Browsers

Das Problem bei der Darstellung von Schriftarten äußert sich auf unterschiedliche Weise.

Zuerst müssen Sie herausfinden, welche Version von Google Chrome Sie installiert haben und welche Sie eingeben müssen Adressleiste chrome://help/ und drücken Sie die Eingabetaste. Es öffnet sich sofort die Seite „Über das Programm“.

Wenn Ihr Browser Version 52 oder höher hat, wäre es eine gute Idee, sich mit den folgenden Methoden vertraut zu machen. Obwohl es derzeit keine Möglichkeit gibt, die Möglichkeiten von Google Chrome selbst zu nutzen, um Schriftarten deutlich zu machen, da Nutzer dank der Entwickler die Möglichkeit verloren haben, darauf Einfluss zu nehmen, gibt es dennoch ein paar Tricks

Es gibt nur 2 Möglichkeiten, dieses Problem zu lösen:

1. Beginnen Sie mit der Arbeit mit einem anderen Browser, zum Beispiel Firefox. Letzte Version Opera hat wie Chrome eine Reihe von Problemen mit der Anzeige von Schriftarten, insbesondere mit deren Farbe, was durch dieselbe Engine erklärt wird, auf der sie entwickelt wurden.
2. Setzen Sie Google Chrome auf eine frühere Version zurück, wenn keine derartigen Probleme aufgetreten sind, und konfigurieren Sie den DirectWrite-Parameter. Allerdings gibt es einen Vorbehalt: Es gibt keine Möglichkeit, über die Einstellungen des Browsers selbst ein Rollback durchzuführen, da es keine solche Option gibt. Auch wenn das aktuelle gelöscht wird Google-Versionen Chrome wird es nicht möglich sein, Installationsdateien für frühere Versionen auf der offiziellen Entwickler-Website zu finden.

Rollback auf eine frühere Version von Chrome

Dazu müssen Sie diesem Schema folgen:

Bevor Sie den Browser deinstallieren, müssen Sie alles synchronisieren notwendige Informationen mit Ihrem Google Chrome-Konto, um sie nicht zu verlieren. Dazu müssen Sie chrome://settings/syncSetup in das Adressfenster Ihres Browsers eingeben und dann die Eingabetaste drücken. Danach öffnet sich ein Fenster, in dem Sie die benötigten Elemente markieren können, oder noch besser, wählen Sie einfach die Option „Alles synchronisieren“. Jetzt müssen Sie eine Weile warten, bis die Synchronisierung abgeschlossen ist, insbesondere wenn dieser Moment noch nicht erreicht ist diese Option war in einem behinderten Zustand.

Nachdem Sie die vorherige, normal funktionierende Version von Google Chrome installiert und die Synchronisierung erneut verwendet haben, müssen Sie alle Browsereinstellungen auf die zuvor verwendeten ändern. Stellen Sie sicher, dass die automatische Aktualisierung deaktiviert ist neue Version Andernfalls gibt Chrome alles so zurück, wie es war, und Sie verschwenden nur Ihre Zeit.

Deaktivieren Sie das Chrome-Update

Um zu verhindern, dass Google Chrome sich selbst aktualisiert, sollten Sie einen Trick anwenden. Gehen Sie zu c:\Programme\Google\Update\ oder c:\Programme (x86)\Google\Update\, wenn auf Ihrem Computer operationssystem 64-Bit-Version und löschen Sie eine GoogleUpdate.exe-Datei.

Im Internet findet man zahlreiche Empfehlungen, die darauf bestehen, Registry-Einträge zu bearbeiten, zu ändern Gruppenrichtlinie Windows, Hinzufügen administrativer Vorlagen und dergleichen. In der Regel wurden die meisten dieser Anleitungen von jenen Benutzern zusammengestellt, die das alles nicht selbst gemacht haben, sondern nur das umgeschrieben haben, was sie zuvor in irgendeinem Forum gesehen hatten. Um ein solches Problem zu lösen, sind alle diese Maßnahmen nicht erforderlich. Es reicht aus, die Datei GoogleUpdate.exe zu löschen und Google Chrome aktualisiert sich nicht mehr.

Wenn Sie jemals eine neue Version des Chrome-Browsers installieren müssen, muss der Benutzer in diesem Fall selbst auf die offizielle Website der Entwickler gehen, die Installationsdatei herunterladen und sie dann erfolgreich installieren. Wie Sie sehen, gibt es keine Probleme mit der Deaktivierung von Browser-Updates, alles ist sehr einfach und unkompliziert.

Wenn Sie diese Tipps befolgen, können Sie Probleme mit der Schriftdarstellung Ihres Browsers beseitigen, die Farbe auf „Normal“ ändern und wie bisher mit Google Chrome arbeiten.

Auf dieser Website programmiere ich derzeit mit Webfonts, die auf meinem Server gespeichert sind. Jeder Browser stellt sie einwandfrei dar, Chrome jedoch nicht. Stattdessen verwendet Chrome Mal neu Römisch. Nachdem ich die Entwicklertools auf Chrome überprüft hatte, stellte ich fest, dass sie ARE-Schriftarten vom Server anforderten und erfolgreich entfernt wurden. Aus irgendeinem Grund verwendet Chrome sie nicht. Mir ist aufgefallen, dass, wenn ich Schriftarten auf meinem Computer installiere (übrigens unter Windows), es plötzlich mit Chrome zu funktionieren beginnt.

Hier ist meine Interpretation der Schriftart:

@font-face ( Schriftfamilie: "BNLunch"; src: url("BN_Lunch.eot"); src: url("BN_Lunch.eot?#iefix") format("embedded-opentype"), url("BN_Lunch .woff") format("woff"), url("BN_Lunch.ttf") format("truetype"), url("BN_Lunch.svg#BNLunchregular") format("svg"); Schriftgröße: normal; Schriftart -Stil: normal; )

Irgendwelche Ideen?

EDIT: Ich habe vergessen zu erwähnen, dass dieses spezielle CSS mit anderen Schriftarten funktioniert. Nur diese spezielle Schriftart und BNMadregot bereiten mir Probleme. Vielleicht liegt es daran, dass die englischen Buchstaben dieser Schriftart leer sind?

2 Antworten

Die Schriftart ist defekt (wie Ihnen FontSquirrel gesagt hat). Benutze es nicht. Ich habe BN Lunch von der Website heruntergeladen, die Sie erwähnt haben, und es mit Font-Face-Generator.com verarbeitet, und auf der von ihm generierten Seite test.html werden die Zeichen nicht in dieser Schriftart angezeigt (und ja, ich habe es auch mit einfachen Zahlen und hebräischen Buchstaben versucht ) Chrom oder in Firefox, nur im IE (getestet unter Win 7). Chrome-Entwicklungstools zeigen an, dass Chrome Schriftartdateien empfängt und keine Fehler meldet, sodass interne Schriftarttabellen fehlerhaft zu sein scheinen (z. B. falsche Informationen zur Zeichenabdeckung). Die Website, die sie verbreitet, sieht verdächtig aus wie eine von vielen illegalen Websites zur Verbreitung von Schriftarten. Beispielsweise werden die Autoren oder das Urheberrecht der Schriftarten nicht erwähnt.

Besorgen Sie sich also eine andere Schriftart.

Ich habe einen ähnlichen CSS-Code, der in jedem Browser gut funktioniert, sogar in Chrome.

@font-face ( Schriftfamilie: "Standard 07_58"; Quelle: URL("../fonts/standard_07_58/stan0758.eot?") Format("eot"), URL("../fonts/standard_07_58/stan0758 .woff") Format("woff"), URL("../fonts/standard_07_58/stan0758.ttf") Format("truetype"), URL("../fonts/standard_07_58/stan0758.svg#Standard0758") format("svg"); Schriftstärke: normal; Schriftstil: normal; )

Es gibt einige Unterschiede zu Ihrem CSS. Versuchen Sie also, diesem Muster zu folgen und sehen Sie, was passiert.