Discussion :

[Rakken]

Bonjour,

J'ai une font (.ttf), qui a été crée pour un langage imaginaire. Autant dire que je suis absolument persuadé que personne ne l'a déjà, et que personne ne va se prendre la tête à l'installer.
Pourtant, notamment a des fin de présentations, j'aimerai que certains textes s'affichent avec cette font.

Il y a bien la solution de faire des images, mais cela va alourdir violement certaines pages, donc j'aimerai une solution plus légère et plus propre.

Donc, premiere question, est-ce possible de faire une classe qui utilise une font présente sur le serveur et pas chez le client ?
Et si oui, comment ?

Merci d'avance !

[devyan]

Salut,

Il y a bien les embedfonts mais je crois que cela ne fonctionne que sous IE.

[12monkeys]

Bonjour

Plusieurs solutions :

• Sifr (http://www.developpez.net/forums/d32...t/#post2020733)
• Créer deux fichiers que tu installes sur ton site :
  
  • Une fois un fichier .eot pour IE
  • Et un fichier .pfr pour les autres navigateurs (le problème semble t'il dans ce cas c'est qu'on ne trouve plus de logiciel pour créer ce fichier.. alors que IE propose un tel programme (weft)
• php et la création d'images à la volée...

J'ai peut être oublié des choses...

Pas plus de précisions depuis que j'ai posté ceci.

[devyan]

Bonjour



Pas plus de précisions depuis que j'ai posté ceci.

+1 Pas mieux... (générateur de prf introuvable depuis au moins 2 ans, eot fonctionne bien et les fichiers générés par weft restent liés à ton nom de domaine, càd ils ne fonctionnent pas en dehors des domaines prévus lors de la génération du fichier)

[Rakken]

Bon... Ben j'vais quand même faire des images alors.

C'est quand même terrible que ce soit M$ qui propose une solution "gratuite" et que la solution supportée par firefox & co soit payante...

[devyan]

Salut,

Une solution peut être plus "légère" consisterait en ceci :
- créer toutes les lettres de l'alphabet particulier sous forme d'images
- encadrer les texte à "traduire" d'une balise connue pour y appliquer "color:transparent;"
- un peu de javascript pour mettre les images à la place des lettres



EDIT : ne pas oublier de précharger les images pour un rendu plus fluide

[Deallyra]

Idée intéressante Devyan mais pour ce faire, il faut s'assurer que le JavaScript ne sera pas désactivé sur les stations.

Pour un intranet, c'est faisable.

Pour un site web, il faudra une alternative.

[devyan]

Idée intéressante Devyan mais pour ce faire, il faut s'assurer que le JavaScript ne sera pas désactivé sur les stations.

Pour un intranet, c'est faisable.

Pour un site web, il faudra une alternative.

Exact

Il est toutefois possible de se passer du javascript mais cela demande plus de travail lors de la rédaction du texte

Code HTML exemple :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 <span class="LangageImaginaire"><span class="E">E</span><span class="x">x</span>
<span class="e">e</span><span class="m">m</span>
<span class="p">p</span><span class="l">l</span><span class="e">e</span></span>

Code CSS exemple :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.LangageImaginaire * {color:transparent;}
.E {background: transparent url(lettreEMaj.gif) no-repeat;}
.x {background: transparent url(lettreX.gif) no-repeat;}
.e {background: transparent url(lettreE.gif) no-repeat;}
.m {background: transparent url(lettreM.gif) no-repeat;}
.p {background: transparent url(lettreP.gif) no-repeat;}
.l {background: transparent url(lettreL.gif) no-repeat;}

[Rakken]

En fait, je suis parti sur une solution sensiblement similaire, avec une image par lettre (avec un fond transparent) et quand j'écris, dans la mesure ou le texte est généré en php, le texte se fera parser et remplacer par les dites images avant l'affichage.
Ce qui donnera un truc du genre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="a.png" alt="a" /><img src="b.png" alt="b" /> ...