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.
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;
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
(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!