Chrome zeigt Kästchen anstelle von Text in Windows (Vista) an

Question

Für eine Website, die ich entwickle, verwende ich mehrere @font-face's, um bestimmte Texte zu stylen. Für eine meiner Schriftarten wird sie in allen Browsern für Mac und Windows großartig angezeigt, mit einer Ausnahme: Chrome unter Windows (Es tritt in Vista & Windows 7 auf).

In diesem Browser wird die Schrift verwendet, aber die Leerzeichen für den Text werden als Kästchen angezeigt.

Ich habe Chrome für Mac überprüft und das Problem besteht nicht. Ich habe online recherchiert und viele Informationen darüber gefunden, dass Chrome Kästchen/Quadrate anzeigt, wenn es die Zeichen/Schriften nicht richtig rendern kann, wie z.B. bei japanischen/chinesischen Websites. Keine der dort genannten Lösungen, wie das Löschen des Caches oder das Neustarten meines Computers, scheinen zu funktionieren.

Ich bin mir nicht sicher, ob eines dieser Fälle auch hier gilt, da meine Schrift auf der Website erscheint, aber nur die Leerzeichen als Quadrate erscheinen. Dies passiert auch nicht bei den anderen @font-face-Schriften, die ich verwende.

Weitere Lösungen, die ich online gefunden habe, umfassen sicherzustellen, dass die Schrift lokal installiert ist. Dies ist keine Option, da ich nicht jeden Besucher einer Website bitten kann, eine Schrift auf seinem Computer zu installieren.

Ich würde einen Link anhängen, aber das Projekt befindet sich derzeit auf einem Entwicklungsserver.

Hat jemand anderes dieses Problem gehabt und hat jemand eine Idee, wie man dieses Darstellungsproblem beheben kann?

Answer 1

Ich stieß auf ein Problem, es schien, dass die Kästchen nur für zufällige Textbereiche und nur für Leerzeichen angezeigt wurden.

Meine Lösung war, einen einfachen Texteditor zu öffnen und den fehlerhaften Inhalt im einfachen Texteditor neu einzugeben und dann wieder in den Inhalt einzufügen.

In meinem Fall arbeitete ich mit einem Designer zusammen und kopierte den Text aus einer KI-Datei. Ich vermute, dass einige versteckte Zeichen kopiert wurden.

Answer 2

Ich weiß, dass dies ein sehr alter Beitrag ist, aber für diejenigen, die daran kämpfen, lasst mich meine Lösung präsentieren..

In meinem Fall habe ich mein Gehirn mit verschiedenen Lösungen überanstrengt, aber keine hat mir funktionierende Ergebnisse mit allen Browserkompatibilitäten geliefert.. Nachdem ich ein wenig probiert habe, habe ich eine Lösung gefunden, der folgenden Prozedur zu folgen:

Wenn Sie nudi, bharaha oder irgendwelche nicht-unicode Zeichen eingegeben haben, dann funktioniert dies (Mein Test war mit nudi)

1. Geben Sie Ihren Text in jede gewünschte Software ein
2. Versuchen Sie einen Online-Konverter für nicht-unicode zu unicode (Ich habe http://aravindavk.in/ascii2unicode/)

3. Versuchen Sie dann den untenstehenden Code

     @font-face {
       font-family: kannadanudi;
       src: url('https://github.com/googlei18n/noto-fonts/raw/master/unhinted/NotoSansKannada-Regular.ttf');
     }

Wo Sie im obigen Code entweder eine lokale Schriftart herunterladen und den Pfad angeben oder die GitHub-URL direkt verlinken können. So habe ich mein Problem gelöst.. Danke im Voraus. Wenn jemand Zweifel hat, kann er darauf kommentieren.

Answer 3

Ich habe gerade nach dieser Antwort gesucht, nachdem ich in diesem Jahr viele verschiedene Ansätze ausprobiert habe. Ich habe es schließlich gelöst, indem ich Unicode-Zeichen zum Schriftgenerator hinzugefügt habe.

Die kurze Antwort lautet, dies zu Ihren Einstellungen für Unicode-Bereich in Font Squirrel hinzuzufügen:

0085, 000A, 000B, 000C, 000D, 2028, 2029

Die ausführliche Antwort finden Sie unter dieser Frage: Chrome 10/Windows @font-face encoding trouble