Utilisez la taille de la police pixel plutôt que la taille des polices

  • dr nick
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Sep 10, 2003
  • Messages: 263
  • Loc: Frankfurt
  • Status: Offline

Message Septembre 13th, 2003, 6:50 am

Salut,

Quelqu'un at-il eu des idées ou l'expérience se font-size à rester constant taille du pixel dans les différents systèmes?

J'utilise un ordinateur portable avec une résolution 1600x1200, donc je modifie le Département de l'information mise à 125% la taille normale (120 dpi). (Vous pouvez configurer ce paramètre dans Windows par un clic droit sur le bureau, choisissez Propriétés, cliquez sur l'onglet Paramètres, cliquez sur le bouton avancé, et qui devrait vous laisser sur certains paramètres d'affichage avancé). Notez que ce n'est pas tout à fait la même chose que de changer la taille de la police sous l'onglet Apparence des propriétés, mais je ne sais pas si cela provoque les mêmes problèmes.

En gros, je pensais que vous pourriez vous déplacer à l'aide de code CSS pour définir une taille de pixel, mais je ne pense pas que cela fonctionne dans certains cas.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 13th, 2003, 6:50 am

  • UNFLUX
  • Genius
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 6382
  • Loc: twitter.com/unflux
  • Status: Offline

Message Septembre 15th, 2003, 8:13 am

ive jamais fait cela, pas plus qu'elle n'a même jamais traversé mon esprit :shock:

vous faire un point décent, mais comme un dessinateur, c'est juste
demande trop de travail et des maux de tête OMI. Im sûr css pourrait résoudre un
grand nombre de cas pour vous, mais ce n'est pas un problème en particulier
id qui sont prêts à attaquer.

D'ailleurs, n'est pas le point d'avoir des écrans de résolution supérieure à fournir des légumes,
des images plus nettes? ainsi que, plus vous obtenez l'écran l'espace. Im pas
si sûr de plus en plus la taille de la police tout ce qui est précieux en termes de clarté. Comme
Im vous savez, la plupart des polices sont faites pour être d'une taille de toute façon.

Just my :my2cents:
UNFLUX.FOTO
  • dr nick
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Sep 10, 2003
  • Messages: 263
  • Loc: Frankfurt
  • Status: Offline

Message Octobre 7th, 2003, 2:53 pm

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:

Code: [ Select ]
<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>
  1. <head>
  2. <style type="text/css">
  3. <!--
  4. .pixelheight {
  5.     font-family: "Times New Roman", Times, serif;
  6.     font-size: 16px;
  7. }
  8. .pointheight {
  9.     font-family: "Times New Roman", Times, serif;
  10.     font-size: 10pt;
  11. }
  12. -->
  13. </style>
  14. </head>
  15. <body>
  16. <table>
  17. <tr><td class="pointheight">Times 10pt<td></td><td class="pixelheight">Times 16px</tr>
  18. <tr><td bgcolor="#1111FF" width="100" class="pointheight">
  19. 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
  20. </td>
  21. <td width="100"></td>
  22. <td bgcolor="#00CC00" width="100" class="pixelheight">
  23. 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
  24. </td></tr>
  25. </table>
  26. </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!?

Quote:
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.
  • UNFLUX
  • Genius
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 6382
  • Loc: twitter.com/unflux
  • Status: Offline

Message Octobre 7th, 2003, 10:47 pm

drôle que tu as apporté ce retour à la vie. Je viens récemment rencontré un problème
où j'ai besoin de faire cela! et l'utilisation d'un master css ma réponse a été que
bien. grand code drnick. Ill post mon maître css parfois dans le
avenir. Il consolodates font tout mon possible les utilisations dans 1 fichier et de le rendre
facile pour moi d'appel sur les différentes couleurs et tailles, mais comme vous le faites, de normaliser
eux.

fil grand, grand monsieur trouver. :thumbsup:
UNFLUX.FOTO
  • dr nick
  • Proficient
  • Proficient
  • No Avatar
  • Inscription: Sep 10, 2003
  • Messages: 263
  • Loc: Frankfurt
  • Status: Offline

Message Octobre 8th, 2003, 5:37 am

No problemo! Cette chose était sur écoute-moi tout le temps que je faisais commentaires site web, car 90% d'entre elles, les tailles de police étaient tous hors tension.

Est-il possible de changer le fil le titre? Quelque chose comme:

"Utiliser la taille de la police pixel plutôt que la taille des polices dans votre WebDesigns!"

peut-être plus évident.
  • UNFLUX
  • Genius
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Déc 20, 2002
  • Messages: 6382
  • Loc: twitter.com/unflux
  • Status: Offline

Message Octobre 8th, 2003, 9:41 am

fait :)
UNFLUX.FOTO

Afficher de l'information

  • Total des messages de ce sujet: 6 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 80 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC