Bonjour Reka,
Avez-vous vérifié si vous pouviez utiliser cette police pour le web (chargement dans chaque navigateur) ? Les polices sur dafont réservent parfois des surprises. Elle sont utilisées surtout comme base pour faire du logo ou des maquettes amateur, à déconseiller pour le texte courant pour la plupart des polices dafont. Sinon il faudra l'utiliser sous forme d'image, ce qui ne se fait plus (sauf logo) et peut poser certains problèmes (qualité d'affichage, référencement… ).
La police que vous présentez fait très "signature". J'émets quelques réserves quant à son effet pour des textes longs, même des titres… Elle est inutilisable tout en majuscules (ce qui n'est pas forcément gênant pour une script). Quant aux textes courants, mis à part "Cheddar Jack", je ne la trouve pas géniale. Si j'écris "Philippe", le "P" est moche (avis subjectif), le "h" peu élégant, les "pp" font écriture scolaire, le "e" est fermé et manque de style. Cette impression est accentué en cas de répétitions de lettres, le côté manuscrit tombe à l'eau et ne reste qu'une police de caractère qui manque de style. Maintenant il faut voir votre template… ça peut tout changer.
Avez vous regardé du côté de Google fonts ? De @font-face ?…
http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html
https://www.google.com/fonts
http://www.font-face.com/
http://typographisme.net/post/Bonnes-pratiques-pour-les-d%C3%A9clarations-@font-face
…
Quelques polices actuelles, simples avec Google Fonts et @font-face qui peuvent être associées avec une police plus travaillée (logo, script… ) :
http://www.awwwards.com/20-best-web-fonts-from-google-web-fonts-and-font-face.html
Il faut en effet limiter le nombre de polices pour plus de lisibilité. La police que vous présentez est très typée. Elle produira son effet dans certains usages (logo [si retouchée], certains gros titres, signature… ), pour le reste (texte courant, menus de taille moyenne ou petite… ) ça risque de faire too much. Même pour un site "vintage".
Pour éviter des conflits entre les différents styles, le mieux serait de choisir une autre police pas trop marquée, plus web, plus neutre, sans serif. Ainsi la police manuscrite sera mise en valeur et la police classique sera là pour apporter de la lisibilité et la touche moderne indispensable. N'hésitez pas à marquer franchement la différence de taille entre la police manuscrite et la police classique. Le problème avec votre police, elle passe assez mal en grand (son côté "signature"). Vous y tenez tant que ça ?
Juste un exemple de site "vintage" qui utilise une police fait main (ici le logo) et des polices modernes. Notez la police du menu, des bloc textes et des boutons. Sobre, sans serif, avec un style qui fait moderne et passe également dans une maquette vintage (forme des O, Q, R… ), déclinée en gras / light, complémentaire. Il y a même une troisième police en hauteur pour les gros titres. Chaque police étant utilisée pour une fonction bien précise. Le plus difficile a été de trouver le juste équilibre.
http://missmarysmix.com/
Chaque police trouve sa place. Le travail de typographie a été réalisé avec finesse. Comme on peut le voir, la police "manuscrite" est utilisée uniquement pour le logo (retouché ensuite ou créée à la main), du coup elle a plus d'impact et est mise en relief par la police sans serif classique et/ou haute.
Les pièges à éviter (sauf site spécifique, dans ce cas il faut voir la maquette) :
• Les polices utilisées dans une taille peu adaptée (la Cheddar Jack pour le texte courant)
• Les polices manuscrites ou atypiques dans des tailles trop petites (lisibilité)
• La gestion confuse des polices (un coup pour le titre, un coup pour le texte… )
• Tomber dans le kitsch et le vieillot. Le style manuscrit doit être utilisé avec parcimonie pour que le site reste actuel
• Les polices sans déclinaison (regular, bold, light… ). Sauf cas précis (titres, logo… )
Voilà, je ne sais pas si j'ai été clair et constructif. C'est assez difficile de donner un avis typo sans support visuel, c'est souvent du cas par cas.
En attendant de voir vos essais ?
- - - - - - - - - - - - -
Edit : Vu sur le site dafont.
http://www.dafont.com/fr/faq.php#web
Comment utiliser une police pour un site web ?
Si vous spécifiez une police particulière dans vos pages web et qu'elle n'est pas installée sur la machine du visiteur, elle sera remplacée par la police par défaut de son navigateur, en général du Times New Roman.
(vous pouvez dans les CSS spécifier plusieurs polices par ordre de priorité, mais rien n'est garanti)
Les principales solutions :
- Pour réaliser un titre, le plus simple est de le faire sous forme d'image. Utilisez un logiciel de dessin et enregistrez l'image en PNG ou GIF.
- Pour un long texte, vous pouvez utiliser la propriété CSS3 @font-face afin que la police se télécharge en même temps que la page.
- Générer une image en PHP Modifié par spongebrain (19 Jun 2014 - 08:09)
