Question

Je construis un site Web pour un artiste qui a eu une police personnalisée fait de son écriture. Il aimerait utiliser cette police largement sur tout le site -. Pas tout le corps du texte, car il serait difficile de lire, mais pour les titres, de navigation, des légendes, des choses comme ça

J'ai le fichier -. Il est un fichier de police TrueType

Nous allons utiliser un CMS basé sur PHP pour construire le site.

Quelle est la meilleure façon d'aller sur l'utilisation de cette police personnalisée à cet effet tout en permettant nom de la page, les titres, etc. à modifier par le client dans le CMS? Je voudrais accueillir autant d'utilisateurs que possible, mais ce serait bien si certains visiteurs du site ont vu Arial ou Verdana ou tout ce que nous choisissons pour la copie du corps.

Dois-je donner @ font-face un tourbillon? Utilisez PHP pour créer des images sur le serveur? Sifr? Ce site sera probablement autour pendant un certain temps, donc je voudrais être aussi avant-gardiste que possible. En même temps, je voudrais être vraiment sûr que personne ne peut utiliser la police sur leurs propres sites web ou télécharger une copie.

Quelques informations de base sur son site existant actuel: Site Raisonnablement occupé avec environ 500 visites (2000 de pages vues par jour).

Statistiques du navigateur:

IE: 48% (10% des utilisateurs IE sur IE6, 42% sur IE7, 48% sur IE8)

FF: 32% (38% de ceux de 3.5.5, 29% à 3.0.15, 3.5.4 11%, 4% à 2.0.0.20, et 5% à 3.5.2)

Safari: 17% (53% de ceux de 531,9, de 13% sur 531.21.10, 7% à 528,16, 525,22 5% et 4% sur 530,19)

Chrome: 2% (41% de ceux de 3.0.195.33, 31% sur 3.0.195.27, 21% et 4% 3.0.195.32 sur 4.0.223.16)

Était-ce utile?

La solution

La solution la plus simple est d'utiliser la méthode de @font-face. Si vous incluez le seul format Microsoft (.EOT), il travaillera en ANY navigateur.

Découvrez quelques-unes de ces articles sur le remplacement de la police.

http://www.zeldman.com/2009/ 12/02 / pare-balles-font-face / http : //www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009 / 10 / font-face-la-temps est-maintenant /

Vous pouvez utiliser cet outil de Microsoft pour convertir votre police à un .EOT (Le besoin de format pour IE)

http://www.microsoft.com/typography/WEFT.mspx

La méthode @font-face ne nécessite pas Javascript ou Flash, comme les techniques sIFR et CUFON mentionnées précédemment, il est donc plus accessible par tous.

Il est totalement SEO friendly et évolutive .

Autres conseils

Je voudrais essayer CUFON . La police ne serait pas « protégé ». Mais il faudrait un peu d'effort technique pour convertir la police de caractères généré Cufon retour à une face ou Truetype Opentype.

La méthode que je recommande est extensible remplacement flash Inman (sIFR), que vous pouvez trouver des informations ici:

Deux options (à part SIFR et Cufon comme d'autres l'ont noté):

Spécifiez une police personnalisée via CSS:

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

Créer des images statiques:

Comme vous l'avez noté créer des images pour chaque en-tête en utilisant la police personnalisée - ce présenterait également un obstacle à tous ceux qui veulent copier la police. (Bien sûr, ils peuvent toujours tracer une police des graphiques contenant la police et créer facilement une TTF de celui-ci).

La grève principale est contre cette question est la suivante:

« Je voudrais vraiment que personne ne puisse utiliser la police sur leurs propres sites web ou télécharger une copie »

Vraiment? Sans l'aide d'images statiques / flash / SIFR / Cufon, un utilisateur devra télécharger une copie d'une police à leur ordinateur afin de rendre la police dans leur navigateur Web. Une fois que vous donnez une copie à l'utilisateur que vous ne pouvez pas attendre vraiment contrôler s'ils l'utilisent sur leur propre site Web. Encore une fois, il est trivial de copier une police à partir d'une image statique et créer une TTF pour le monde entier pour copier - voir des sites comme http : //www.dafont.com/ pour des exemples de polices célèbres copiés (comme par exemple, la police Tranformers: http://www.dafont.com/search.php?psize=m&q=transformers )

@ travaille Font face à une grande pour moi. Il y a un générateur ici où vous pouvez télécharger votre police, puis il vous fournira tous les formats et le code dont vous aurez besoin: http://www.fontsquirrel.com/fontface/generator

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top