Polices sur le Web [doublon]

Question

Cette question a déjà une réponse ici :

• Comment intégrer des polices en HTML ? 6 réponses

La collection de polices disponibles pour un développeur Web est malheureusement limitée.Je me souviens avoir lu il y a longtemps quelque chose sur TrueDoc, comme moyen d'expédier des polices parallèlement à un site Web - mais cela semble avoir traîné.Quelqu'un a-t-il utilisé ceci, ou quelque chose de similaire ?Est-il pris en charge par suffisamment de navigateurs ?Est-ce qu'il me manque une bonne solution ?

Notez qu'un développeur Web responsable n'utilise pas de polices disponibles uniquement sous Windows (et en particulier ceux qui ne sont disponibles que sur Vista), et n'utilisent pas non plus une technologie qui n'est pas prise en charge par au moins la majorité des navigateurs.

---

Mise à jour: Comme plusieurs personnes l'ont souligné, il n'y a rien de mal à fournir une liste de polices de secours aux personnes qui ne disposent pas de la police spécifique que vous utilisez.En fait, je fais toujours cela et je ne voulais pas suggérer que c'était mal.

Bien que ma question soit mal formulée, ce que je voulais dire, c'est qu'un concepteur ne devrait pas faire trop d'hypothèses sur ce dont le client disposera.Vous devez planifier la façon dont tous les utilisateurs verront votre site, et pas seulement les personnes utilisant votre propre configuration préférée.

Answer 1

Safari et, dans une moindre mesure, Firefox 3 prennent en charge @font-face en CSS, qui vous permet d'utiliser des polices personnalisées.Vous devez cependant disposer de la licence appropriée pour distribuer les fichiers de polices.Ces articles l'expliquent plus en détail :

• http://www.css3.info/preview/web-fonts-with-font-face/
• http://www.alistapart.com/articles/cssatten
• http://www.sitepoint.com/blogs/2008/07/30/custom-web-fonts-pick-your-poison/

Answer 2

C'est un fil de discussion qui arrive à point nommé ;nous sommes passés à Arial parce que Calibri est BEAUCOUP petit par rapport à toutes les autres polices de secours !Cela m'a beaucoup fait mal de passer à (gag) Arial parce que c'est une copie merdique d'Helvetica :

http://www.ms-studio.com/articles.html

Les difficultés de dimensionnement (trop grandes si vous optez pour une police "c" comme standard ;trop petit si vous optez pour quelque chose de normal) sont décrits en détail ici :

http://neosmart.net/blog/2006/css-vistas-new-fonts/

Le magnifique alias RVB réglé à la main de Calibri me manquera beaucoup, mais il était tout simplement impossible d'offrir une bonne expérience à la plupart des utilisateurs sans exiger l'installation de Calibri.C'est assez courant, car il est fourni avec Office 2007 (Win/Mac) et bien sûr Vista.mais c'est loin d'être universel, il est donc un peu irresponsable de s'y fier fortement pour une audience Web mondiale.

Answer 3

Vous pouvez bien sûr utiliser SIFR.

Cela se dégrade gracieusement dans les navigateurs qui ne le prennent pas en charge et est accessible.

Ce n'est pas vraiment adapté pour une utilisation sur beaucoup de texte, mais pour les titres et le texte surligné, c'est parfait.

Bien sûr, il s’agit d’une solution à une limitation intrinsèque des navigateurs et du Web à l’heure actuelle, mais à quand remonte la majorité des technologies et techniques Web ?

Answer 4

Vous pouvez le faire avec le nouveau @font-face déclaration disponible en CSS3.Il prend très bien en charge une fonctionnalité CSS3 (c.-à-d.depuis IE4), également.

La syntaxe générale est :

@font-face {
    src: url('chemin d'accès à votre police') format('woff|ttf|svg|eot|…');
    font-family: le nom à utiliser;
    font-weight: un poids en option;
    font-style: un style optionnel;
}

Il y a aussi un générateur à disposition qui convertit la police en plusieurs formats et crée le CSS approprié.

De nos jours, je recommanderais de fournir uniquement un fichier WOFF ;C'est pratique, facile à créer.

Assurez-vous également de citer le nom du format (par ex. format('woff'));sinon, cela ne fonctionnera pas sur Firefox.

Answer 5

Notez qu'un développeur Web responsable n'utilise pas de polices qui ne sont disponibles que sur Windows (et en particulier celles qui ne sont disponibles que sur Vista), et ils n'utilisent pas une technologie qui n'est pas prise en charge par au moins la majorité des navigateurs.

Il n'y a rien de mal ou d'incorrect à utiliser des polices spécifiques à Windows/Vista, à condition que vous passiez gracieusement à une police largement disponible.Par exemple:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

En fait, c'est tout le problème !

Answer 6

CSS2 propose :

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}

Answer 7

Notez qu'un développeur Web responsable n'utilise pas de polices disponibles uniquement sur Windows (et en particulier celles qui ne sont disponibles que sur Vista), ni une technologie qui n'est pas prise en charge par au moins la majorité des navigateurs.

Je pense que cela passe plutôt à côté de l'essentiel.Cela n'aurait pas d'importance si vous le faisiez ;tout le monde obtiendrait quelque chose de sensé qu'il pourrait lire facilement, et ceux qui en ont besoin peuvent de toute façon changer la police comme ils le souhaitent, car il ne s'agit que de texte et tous les principaux navigateurs vous permettent de personnaliser la police que vous voyez, quelles que soient les préférences du concepteur du site.

Il n'y a rien de mal à suggérer des polices dans votre CSS que certains utilisateurs n'ont pas ;ils voient juste quelque chose de différent de vous.Le différent n'est pas cassé.Ils ne se demanderont même pas pourquoi vous utilisez les polices par défaut, car ils ne sauront pas que les autres voient quelque chose de différent.

C’est tout l’intérêt des jeux de polices :

Verdana, Arial, Helvetica, sans-serif

C'est une bonne pratique précisément parce qu'elle reconnaît que les gens verront des choses différentes.

C'est aussi une bonne pratique :

Gill Sans, Verdana, Arial, Helvetica, sans-serif

Donc la plupart des gens n’ont pas Gill – peu importe ?Quoi qu’il en soit, ils obtiennent un site parfaitement bon.

Et ce serait bien aussi, mais un peu bizarre et paresseux :

Gill Sans

Une conception Web irresponsable consiste par exemple à définir du texte sous forme d'images sans utiliser de texte alternatif, ni à utiliser des polices intéressantes dans les jeux de polices.

Answer 8

IE prend en charge @font-face (cela a commencé comme leur technologie exclusive dans MS Word). Voici un article de blog de l'équipe IE à ce sujet il y a environ un mois..

Answer 9

Notez qu'un développeur Web responsable n'utilise pas de polices disponibles uniquement sur Windows (et en particulier celles qui ne sont disponibles que sur Vista), ni une technologie qui n'est pas prise en charge par au moins la majorité des navigateurs.

Eh bien… Vous pouvez, à condition que vous sachiez comment le rendu sera effectué sur un système d'exploitation non-Vista/non-Windows.

Sinon:oui, @font-face en CSS2 est la meilleure alternative standard, même si elle n'est pas largement prise en charge.

Answer 10

J'imagine que toute méthode d'envoi de polices avec une page Web poserait une sorte de risque de sécurité.J'ai entendu parler de méthodes dans lesquelles, dans le cas où le client ne dispose pas de la police requise, le texte peut être remplacé dynamiquement par une image ou une sorte de flash affiché.Le seul comme ça que je puisse trouver maintenant est à AListeApart mais c'est peut-être déjà redondant.Cette méthode nécessiterait également du CSS, des images et du javascript pour fonctionner et pourrait être difficile à mettre en œuvre dans tous les navigateurs.