Welche Eigenschaften hat CSS3-Anti-Aliasing?

青灯夜游
Freigeben: 2021-12-15 14:49:32
Original
2010 Leute haben es durchsucht

Das CSS3-Anti-Aliasing-Attribut ist „Schriftglättung“, das hauptsächlich zur Steuerung des Glättungseffekts beim Rendern von Schriftarten verwendet wird und ein Anti-Aliasing-Rendering von Schriftarten durchführen kann. Das Attribut „font-smoothing“ ist nicht standardmäßig und muss zur Kompatibilitätsverarbeitung mit dem Präfix „-webkit-“, „-moz-osx-“ und anderen Präfixen versehen werden.

Welche Eigenschaften hat CSS3-Anti-Aliasing?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Die CSS3-Anti-Aliasing-Eigenschaft ist „Schriftglättung“. Das Attribut

font-smoothing wird hauptsächlich zur Steuerung des Glättungseffekts beim Rendern von Schriftarten verwendet. Es kann ein Anti-Aliasing-Rendering für Schriftarten durchführen, damit diese klarer und komfortabler aussehen.

Syntax:

/* Keyword values */
font-smooth: auto;
font-smooth: never;
font-smooth: always;

/* <length> value */
font-smooth: 2em;
Nach dem Login kopieren

Die Hauptfunktion dieses Stils besteht darin, die Zackigkeit der Schriftart anzupassen.

Font-Smoothing ist eine nicht standardmäßige CSS-Rendering-Regel. Da verschiedene Betriebssysteme Schriftarten unterschiedlich darstellen und verschiedene Browser ihre eigenen Interpretationsregeln für Stile haben, wurde dieser CSS-Stil noch nicht in Webstandards aufgenommen.

Webkit implementiert eine ähnliche Eigenschaft namens -webkit-font-smoothing. Diese Eigenschaft ist nur unter Mac OS X/macOS wirksam.

  • none – Deaktiviert die Schriftglättung; zeigt Text mit gezackten Kanten an.

  • antialiased – Glättung von Schriftarten auf Pixelebene, nicht auf Subpixeln. Der Wechsel von Subpixel-Rendering zu Anti-Aliasing für hellen Text auf dunklem Hintergrund lässt ihn heller aussehen.

  • Subpixel-Antialiasing – Dies liefert den schärfsten Text auf den meisten Nicht-Retina-Displays.

Firefox implementiert eine ähnliche Eigenschaft namens -moz-osx-font-smoothing. Diese Eigenschaft ist nur unter Mac OS X / macOS wirksam.

  • auto – Ermöglicht dem Browser die Auswahl einer Optimierungsmethode für die Schriftartglättung, normalerweise Graustufen.

  • Graustufen – Rendern Sie Text mit Graustufen-Antialiasing anstelle von Subpixeln. Der Wechsel von Subpixel-Rendering zu Anti-Aliasing für hellen Text auf dunklem Hintergrund lässt ihn heller aussehen.

  • inherit

  • unset

-webkit-font-smoothing ist eine Anpassung des Schriftarten-Antialiasings, das Webkit in seiner eigenen Rendering-Engine hinzugefügt hat. Diese Anpassung ist unter iOS offensichtlicher, unter Windows jedoch nicht sehr offensichtlich.

Test: 5-facher Vergrößerungseffekt

Welche Eigenschaften hat CSS3-Anti-Aliasing?

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat CSS3-Anti-Aliasing?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage