Wie bekomme ich flüssige Google-Schriftarten?

Ich habe das Plugin früher verwendet WP Google Fontsdie meine gewünschte Funktion auch nicht hat.

Im Moment verwende ich Google-Schriftarten mit einer implementierten Funktion im aktuell verwendeten Design. Die Schriftarten werden problemlos eingebettet und korrekt dargestellt.

Im Moment gibt es viele Blogs mit gut lesbaren, glatten Schriftarten für HD-Displays, und ich möchte diese Schriftarten auch. Wie in meinem WordPress zu sehen ist, kann es sie anzeigen, Beispiel unten:

Es gibt keine scharfen Kanten, keine Pixel etc. So hätte ich es gerne.

Als Schriftart für meine Artikel habe ich aktuell „Droid Sans“ gewählt. Aber diese Schrift zeigt sich mit scharfen Kanten und verpixelt. Beispiel unten:

(Bitte beachten Sie, dass das Öffnen dieses Bildes in einem neuen Tab das Problem viel deutlicher zeigt.)

Gibt es etwas, um das glatt und cool aussehen zu lassen?

• Ist es nur die falsche Schriftart? Ich bin nicht daran gebunden und habe einige andere Schriftarten ausprobiert. Sie scheinen alle diese scharfen Kanten zu haben. Wenn Sie eine Schriftart zum Vergleich kennen, notieren Sie sie bitte.
• Muss ich ein CSS-Snippet hinzufügen?
• Handelt es sich um eine serverseitige Konfiguration?

Wie kann ich glatte Schriftarten auf meiner Artikelseite erzielen?

Es kann davon abhängen, welchen Browser Sie verwenden.

Ich neige dazu zu verwenden:

 -webkit-font-smoothing: antialiased;

oder wenn Sie verschwommenen fetten Text haben:

-webkit-filter: blur(0.000001px);

auf Webkit-Browsern.

Alternativ können Sie einen Textschatten hinzufügen, um den Text glatter erscheinen zu lassen

 html, html a {
      text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
 }

Ich empfehle Ihnen auch, verschiedene Schriftgrößen auszuprobieren, da einige benutzerdefinierte Schriftarten nur bei bestimmten Größen gut aussehen.

Abgesehen davon können Sie nicht viel tun, außer eine andere Schriftart zu verwenden. Google Chrome hat gerade ein Update für glattere Schriftarten veröffentlicht. Es kann auch nützlich sein, sich SVG-Schriftarten anzusehen:

Google-Schriftarten & http://www.fontspring.com/demos/svg-vs-woff/

Ich habe dieses Problem mit Google-Schriftarten wie SVG gelöst:

<style type="text/css">
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic');
 </style>