Font très specifiques!! (html/css/js?)

ViPHP
ViPHP | 3607 Messages

19 sept. 2009, 20:17

Bonsoir à tous,
Dans le cadre de la refonte d'un site, je vais devoir "rendre" des titres dans des polices trop spéciales pour qu'elles soient installées chez le commun des visiteurs...
Je suppose donc qu'il va me falloir construire ces titres (puisqu'il s'agit de titre :) ) soit en images via php (GD je suppose?) avec un cache quelconque... soit via javascript et je un plugin X ou Y...?
le problème de la solution JS, j'avais entrevu il y a quelques semaines un plugin Jquery de gestions de fonts, mais pas moyen de remettre la main dessus :(
Donc en gros j'aimerais vos retours d'expèriences sur ce genre de problèmes... (toute solution "automatique" est bonne à prendre! -j'entends pas là ne pas avoir à ouvrir mon logiciel de dessin pour poster une news :roll: -)
Merci d'avance!!

ViPHP
ViPHP | 2291 Messages

20 sept. 2009, 00:07

ImageCe que l'on apprend par l'effort reste toujours ancré beaucoup plus longtemps.

Mammouth du PHP | 2937 Messages

20 sept. 2009, 10:42

Si l'on souhaite que tous les utilisateurs voient le texte des titres dans des polices exotiques, la solution la plus pratique à l'heure actuelle est de créer des images, si possible en dur si l'on veut économiser des ressources mémoire. Encore faut-il que ces titres ne changent jamais (où alors très rarement) ; sinon, le passage par du JavaScript préconisé par le lien fourni par dunbar peut être intéressant. Quant à la méthode en Flash utilisée par sIFR, je la déconseille parce qu'elle devient rapidement casse-tête dès qu'il s'agit de gérer la taille de police (qui est fixée notamment en fonction de la longueur de texte).

En tout cas, quelle que soit la solution utilisée, il faut s'assurer que le texte des titres reste lisible lorsque CSS, JavaScript et images sont désactivés.

Administrateur PHPfrance
Administrateur PHPfrance | 3131 Messages

26 sept. 2009, 19:42

Je conseille personnellement PCDTR très souple, et permettant avec une petite gestion de cache d'avoir de très bons résultats.

ViPHP
ViPHP | 3607 Messages

29 sept. 2009, 11:06

Alors pour l'instant, je suis en train de tester cufon, associé à la propriété css @font-face comme ça, on a une petite partie des utilisateurs (très petite j'en conviens) qui ont une vrai police de caractère :)
Après PCDTR m'a l'air pas mal, mais je n'arrive pas à trouver vraiment comment ça fonctionne... :(

Administrateur PHPfrance
Administrateur PHPfrance | 977 Messages

29 sept. 2009, 11:14

regarde aussi du côté de sifr, un plugin js qui permet de mettre du texte et de le transformé à la volé dans la police que tu souhaites http://www.journaldunet.com/developpeur ... sifr.shtml
pro : http://www.ohweb.fr -> studio de développement en PHP, expertise en e-commerce, certifié PrestaShop
perso : http://www.olecorre.com -> un dico de termes informatiques

J'ai toujours rêvé d'un ordinateur qui soit aussi facile à utiliser qu'un téléphone. Mon rêve s'est réalisé : je ne sais plus comment utiliser mon téléphone. [Bjarne Stroustrup]

Mammouth du PHP | 2937 Messages

29 sept. 2009, 12:27

regarde aussi du côté de sifr, un plugin js qui permet de mettre du texte et de le transformé à la volé dans la police que tu souhaites http://www.journaldunet.com/developpeur ... sifr.shtml
Sauf que ça peut vite devenir casse-tête, comme je l'ai dit plus haut. :-k

Administrateur PHPfrance
Administrateur PHPfrance | 3131 Messages

29 sept. 2009, 14:08

Après PCDTR m'a l'air pas mal, mais je n'arrive pas à trouver vraiment comment ça fonctionne... :(
J'ai bien envie de répondre «RTFM» ;) Ce n'est pas plus compliqué que ce qu'annoncent les instructions d'installation sur la page du lien que j'ai fourni...
1. Download the zip and extract the files
2. Include the script in your file
3. Open the headings.css file to set the font you want to use, colors, size, etc.
4. Copy your font files (ttf or otf) to the DTR folder
5. Load the files to your server and give write permission to the "cache" folder.
C'est simple : les règles spécifiées dans heading.css seront appliquées par le script PCDTR sur tes pages.

Par exemple si tu mets dans heading.css
h1 {
  font-family: MaFontBizarre;
  font-size: 14px;
  color: red;
}
Tu places "MaFontBizarre.ttf" dans le dossier DTR et tes titres "H1" seront remplacés par des images avec cette font sur 14px en rouge.

ViPHP
ViPHP | 3607 Messages

29 sept. 2009, 14:20

Pas de problèmes pour le rtfm, je le prend pas mal :)
Mais j'avais zappé le bas de page, en pensant qu'il pouvait y avoir un peu plus d'exemple concrets ou un manuel... :)
Je vais essayer pour voir...
Le défaut que je trouve c'est de ne pas avoir en parallèle le @font-face qui permet d'éviter des transformations superflues sur des navigateurs l'acceptant...
Mais je peux peut-être bricoler ça :)