Comment choisir la police et la taille appropriées pour mon site?
Un jour, j'ai vu un manuel recommandant une certaine plage de pica pour chacune des différentes polices. Existe-t-il un guide en ligne disponible? Quelles sont mes options? Que devrais-je savoir en tant que débutant?
N'oubliez pas que différents systèmes d'exploitation (Windows, Mac, Linux) ont des polices par défaut différentes intégrées au système d'exploitation. Cela signifie que si vous choisissez une police disponible sous Windows mais pas sous Mac ou Linux, ces utilisateurs verront une police différente. Cette police sera la correspondance la plus proche que le système d'exploitation puisse choisir. Si vous souhaitez que votre site soit uniforme sur toutes les plates-formes, vous devez choisir des polices communes aux trois. Sinon, vous pouvez déclarer plusieurs polices dans votre CSS dans l'ordre de préférence de votre choix. Exemple:
_/* Sample CSS rule */
p
{
font-family: arial, helvetica, sans-serif;
}
_Dans cet exemple, toutes les balises _<p>_ utiliseront la police Arial si elle est disponible. Si ce n'est pas le cas, le navigateur essaiera d'utiliser la police helvetica, sinon il essaiera d'utiliser la police sans-serif par défaut. Toujours faire la dernière police déclarée par défaut du système général. Voir cet article concerne 8 piles de polices pouvant être utilisées en toute sécurité .
Une autre option consiste à utiliser la nouvelle règle CSS @font-face qui vous permet d'utiliser des polices non standard. Vous devez fournir la police sur votre site Web, mais si le navigateur d'un utilisateur prend en charge @ font-face, il la téléchargera et l'utilisera. La prise en charge de cette fonctionnalité n’est pas uniforme d’un navigateur à l’autre et certains navigateurs plus anciens ne le reconnaissent pas encore. Mais avec un peu d'effort, il peut être utilisé dans les sites Web modernes.
La taille des polices dépendra de la police utilisée. La règle générale est de ne pas utiliser de petites polices car de nombreux utilisateurs auront trop de difficulté à les lire (les petites polices ont en principe une mauvaise accessibilité). De plus, de nombreux utilisateurs aiment ajuster les tailles de police affichées dans le navigateur pour faciliter leur lecture. Si vous spécifiez vos tailles de police à l'aide de pixels (px), cela rendra votre site plus difficile à utiliser. La règle générale consiste à utiliser des unités empiriques (em) qui sont des unités évolutives et qui s'agrandissent et diminuent à mesure que l'utilisateur ajuste l'affichage de leur navigateur.
Je ne suis pas vraiment sûr de la bonne réponse - mais j'ai appris qu'il est impossible de mesurer le pica sur un site Web (même si CSS prétend le permettre). Et je crains que vous ne puissiez mesurer quoi que ce soit, car si un utilisateur dispose d'un moniteur de 22 "(résolution 1920x1080), la taille de la police sera considérablement réduite par rapport à un moniteur de 24" avec la même résolution. - Vous ne pouvez pas déterminer la taille du moniteur à partir de la page Web.
De plus, cela dépend aussi énormément de la police de caractères: Verdana paraîtra beaucoup plus grand que e. g. Times New Roman.
Cela dit, j'aimerais aussi voir une bonne ligne directrice!