OK, Ive a eu un oeil de plus près sur cette question et la solution est très simple. Tout d'abord, heres le problème. Tout d'abord, le code:
<head>
<style type="text/css">
<!--
.pixelheight {
font-family: "Times New Roman", Times, serif;
font-size: 16px;
}
.pointheight {
font-family: "Times New Roman", Times, serif;
font-size: 10pt;
}
-->
</style>
</head>
<body>
<table>
<tr><td class="pointheight">Times 10pt<td></td><td class="pixelheight">Times 16px</tr>
<tr><td bgcolor="#1111FF" width="100" class="pointheight">
This is a bunch of text that you might want to have in a column that neatly fits down the side of your page in keeping with the design
</td>
<td width="100"></td>
<td bgcolor="#00CC00" width="100" class="pixelheight">
This is a bunch of text that you might want to have in a column that neatly fits down the side of your page in keeping with the design
</td></tr>
</table>
</body>
- <head>
- <style type="text/css">
- <!--
- .pixelheight {
- font-family: "Times New Roman", Times, serif;
- font-size: 16px;
- }
- .pointheight {
- font-family: "Times New Roman", Times, serif;
- font-size: 10pt;
- }
- -->
- </style>
- </head>
- <body>
- <table>
- <tr><td class="pointheight">Times 10pt<td></td><td class="pixelheight">Times 16px</tr>
- <tr><td bgcolor="#1111FF" width="100" class="pointheight">
- This is a bunch of text that you might want to have in a column that neatly fits down the side of your page in keeping with the design
- </td>
- <td width="100"></td>
- <td bgcolor="#00CC00" width="100" class="pixelheight">
- This is a bunch of text that you might want to have in a column that neatly fits down the side of your page in keeping with the design
- </td></tr>
- </table>
- </body>
Fondamentalement, le Code établit une table de la colonne 3 - dans la colonne de gauche, il utilise le code CSS pour définir une fois 12pt taille de police. La colonne de droite définit une police Times, taille 16 pixels.
Sur un système de taille normale polices que vous obtiendrez les résultats suivants (capture d'écran):
<img src = "http://wwwisg.cs.uni-magdeburg.de/ ~ / nick tmp / normal. png "border = 1> </ img>
Sur les ordinateurs avec des polices échelle set (comme mon ordinateur portable), vous obtiendrez ceci à la place:
src="http://wwwisg.cs.uni-magdeburg.de/~nick/tmp/scaled.png" <img border=1> </ img>
Remarquez comment la gauche (en bleu) des changements colonne apparition sur différents systèmes, car il ya les polices ont été définies à l'aide taille en points, tandis que sur la droite (verte) de colonne, le texte s'ajuste autour de la boîte de la même manière dans les deux cas, parce que son défini comme une taille de pixel.
Le message à la maison!?
Lorsque vous êtes alignant soigneusement le texte afin qu'il coule avec votre conception, parler la langue de la conception graphique - en pixels! Donc, définir votre taille de la police en pixels!
Ive a vu tant de nombreux sites Web qui utilisent le point taille des polices, plutôt que d'utiliser les CSS pour la taille des polices pixel. Et bien sûr...ses polices une minorité de systèmes utilisant l'échelle, mais si vous utilisez css, alors ce n'est pas difficile de préciser hauteurs pixel au lieu des hauteurs de points pour les polices.