Comparaison de révisions

text-rendering

Révision 48458 :

Révision 48458 par FredB le

Révision 48459 :

Révision 48459 par Manu1400 le

Titre :
text-rendering
text-rendering
Identifiant d'URL :
CSS/text-rendering
CSS/text-rendering
Étiquettes :
css, Référence_CSS
css, Référence_CSS
Contenu :

Révision 48458
Révision 48459
n11      La propriété CSS <code>text-rendering</code> donne de l'infn11      La propriété CSS <code>text-rendering</code> donne de l'inf
>ormation au moteur de rendu sur ce qu'il doit optimiser lors de l>ormation au moteur de rendu sur ce qu'il doit optimiser lors de l
>'affichage du texte. Le navigateur fait des compromis entre la vi>'affichage du texte. Le navigateur fait des compromis entre la vi
>tesse, la lisibilité et la précision géométrique. La propriété <c>tesse, la lisibilité et la précision géométrique. La propriété <c
>ode>text-rendering</code> est une propriété SVG qui n'est définie>ode>text-rendering</code> est une propriété SVG qui n'est définie
> dans aucun standard CSS. Toutefois, les navigateurs utilisant Ge> dans aucun standard CSS. Toutefois, les navigateurs utilisant Ge
>cko et WebKit browsers permettent d'appliquer cette propriété à d>cko et WebKit permettent d'appliquer cette propriété à du contenu
>u contenu HTML ou XML sur Windows et Linux.&nbsp;> HTML ou XML, sur Windows et Linux.&nbsp;
n17      Un effet très visible est: <code>optimizeLegibility</code> n17      Un effet très visible est: <code>optimizeLegibility</code> 
>qui active les ligatures (ff, fi, fl etc.) dans les textes en des>qui active les ligatures (ff, fi, fl etc.) dans les textes en des
>sous de 20px pour certains polices (par exemple, <em>Calibri, Can>sous de 20px pour certains polices (par exemple, <em>Calibri, Can
>dara, Constantia</em> et<em>Corbel</em> de Microsoft ou la famill>dara, Constantia</em> et<em>Corbel</em> de Microsoft, ou la famil
>e <em>DejaVu</em>).>le <em>DejaVu</em>).
n22      <li>S'applique à : tous les élémentsn22      <li>S'applique à tous les éléments
n67          Avec SVG, lorsque le texte est aggrandi ou réduit, le nn67          Avec SVG, lorsque le texte est aggrandi ou réduit, le n
>avigateur calcule la taille finale du texte (qui est la taille de>avigateur calcule la taille finale du texte (qui est la taille de
> police définie et le facteur appliqué) et demande une police de > police définie et le facteur appliqué) et demande une police de 
>cette taille calculée au système de police de la plateforme. Mais>cette taille calculée au système de police de la plateforme. Mais
> si vous demandez une police de taille 9 avec un facteur de 140%,> si vous demandez une police de taille 9 avec un facteur de 140 %
> la taille résultante de 12,6 n'existe pas dans la système de pol>, la taille résultante de 12,6 n'existe pas dans la système de po
>ices, donc le navigateur arrondi la taille de police à 12 dans ce>lices, donc le navigateur arrondi la taille de police à 12 dans c
> cas. Ce qui aboutit à une mise à l'échelle en escalier du texte.>e cas. Ce qui aboutit à une mise à l'échelle en escalier du texte
 >.
n82   mais éviter des ligatures inadéquates dans les éléments portann82   mais éviter des ligatures inadéquates dans les éléments de la 
>t la classe foo */>classe <code>foo</code> */
n247              Si la taille de la police est de 20 px ou supérieurn247              Si la taille de la police est de 20px ou supérieure
>e, Gecko utilise <code>optimizeLegibility</code> ; pour les valeu>, Gecko utilise <code>optimizeLegibility</code>.&nbsp;Pour les va
>rs inférieures, il utilise <code>optimizeSpeed</code>.>leurs inférieures, il utilise <code>optimizeSpeed</code>.
t268                13 support la précision géométrique réelle, sans t268                La version 13 supporte la précision géométrique r
>arrondi au supérieur ou inférieur à la taille supportée par le sy>éelle, sans arrondi au supérieur ou inférieur à la taille support
>stème la plus proche.>ée par le système la plus proche.

Retour à l'historique