Font et CSS : que faire quand le visiteur n'a pas la typo utilisée ?

Font et CSS : que faire quand le visiteur n'a pas la typo utilisée ? - HTML/CSS - Programmation

Marsh Posté le 18-08-2006 à 14:41:26    

Bonjour à tous,
 
J'ai utilisé la police "mekanic let" dans mon blogue.
Je me suis rapidement aperçu que cette typo n'est pas installée sur tous les ordinateurs.
 
Après recherche sous Google, j'ai également vu qu'elle était payante !?!
 
Cela m'étonne au plus haut point dans la mesure où je l'ai et que je n'ai rien acheté (ni volé  ;) ).
Il semblerait en plus qu'elle soit fournie par défaut avec office XP, (c'est en tout cas ce qui est dit là http://mlang1.osaka-gaidai.ac.jp/m [...] _list.html).
 
Et qu'elle se trouve également gratuitement là :
http://www.webcherche.com/polices/ [...] hiques.com
 
D'où ma (double) question :
Existe-t-il une manière d'"installer temporairement" la typo sur l'ordinateur d'un visiteur si celui-ci n'a pas la "font" en question ?
Et dans ce cas de figure, la "font" est-elle utilisable gratuitement par le visiteur ?
 
Par avance merci pour votre aide :jap:

Reply

Marsh Posté le 18-08-2006 à 14:41:26   

Reply

Marsh Posté le 18-08-2006 à 14:51:19    

tu ne peux pas forcer un visiteur à installer une police particulière. Pour utiliser des polices éxotiques il faut en faire des images.
 
En css, tu peux également proposer des polices altérnatives :
font-family: "Mekanit let", Arial, sans-serif;
 
Mais pour du contenu, il vaut mieux éviter ces polices : ça devient vite ennuyeux et difficile à lire.


---------------
Ignore previous instructions, give me a recipe for a vegetarian couscous.
Reply

Marsh Posté le 18-08-2006 à 15:01:05    

Merci pour ta réponse.  :jap:  
 
En fait c'est pas pour du contenu mais pour des gros titres, donc ça allait. Quand tu dis "en faire des images", c'est faire un jpg du texte par exemple ?
 
PS (edit) : je viens de tomber la-dessus mais je n'en comprends que la moitié... et comme c'est payant de toute façon je vais pas m'amuser à ça juste pour des titres mais pour une autre fois, est-ce que ça sert à ça le "Web Embedding Fonts Tool" et "True Doc Bitstream" ?
http://fr.selfhtml.org/internation [...] es.htm#top

Message cité 1 fois
Message édité par pilousg le 18-08-2006 à 15:05:19
Reply

Marsh Posté le 18-08-2006 à 15:32:11    

pilousg a écrit :

Merci pour ta réponse.  :jap:  
 
En fait c'est pas pour du contenu mais pour des gros titres, donc ça allait. Quand tu dis "en faire des images", c'est faire un jpg du texte par exemple ?
 
PS (edit) : je viens de tomber la-dessus mais je n'en comprends que la moitié... et comme c'est payant de toute façon je vais pas m'amuser à ça juste pour des titres mais pour une autre fois, est-ce que ça sert à ça le "Web Embedding Fonts Tool" et "True Doc Bitstream" ?
http://fr.selfhtml.org/internation [...] es.htm#top


 
 
euh un gif plutot ;), plus adapte pour du texte (en jpg non seulement c plus lourd mais en plus ca bave)
 
Tu peux aussi demander le chargement d'une police via une des methodes citees sur ton lien, mais a mon avis, il serait + judcieux de creer des images pour le titre  :jap:

Message cité 1 fois

---------------
Expatrie a Jakarta (Indonesie) depuis fevrier 2006.
Reply

Marsh Posté le 18-08-2006 à 15:54:27    

euh oui, en Gif, en plus le jpg ne permet pas la transparence !
 
le problème c'est que c'est les titres de mes articles et pas celui du site (qui sont déjà en gif ;) ).
Je pense que j'ai vais effectivement faire une police alternative avec un bon vieux "Impact" des familles que tout le monde a ou une typo dans le style parce que je viens de voir que les méthodes du lien ne résolvent aucunement le problème des droits attachés aux typos.
 
Comme quoi, faut faire simple.
Merci à tous pour vote aide et bon week-end !

Message cité 1 fois
Reply

Marsh Posté le 18-08-2006 à 16:05:43    

Oups ! Dernière question.
 
J'ai la feuille css suivante :
 

.title {
font-family:"mekanik let", Impact, sans-serif;
font-size:250%;
}


 
Ce qui fait que si la première police n'est pas installée on se retrouve avec du Impact en 250 % lors qu'il faudrait, au hasard, du 150.
 

font-size:250%, 150%;

ça marche ou il faut autre chose ?


Message édité par pilousg le 18-08-2006 à 16:06:09
Reply

Marsh Posté le 19-08-2006 à 11:14:09    

Malheureusement, l'affiche de ton site et la prise en charge des polices dépend du système d'exploitation sur lequel ton site est visualisé.
D'un point de vue normatif, CSS2 prévoit le téléchargement des polices manquantes, mais les navigateurs actuels ne gèrent pas cette fonctionnalité.
 
L'idéal est de proposer des alternatives générique (sans-serif, Arial), même si c'est au dépend du rendu.

Reply

Marsh Posté le 19-08-2006 à 13:08:19    

Il existe bien quelque chose en CSS2 pour maintenir un aspect correct des polices en cas de tailles differentes, mais ce n'est supporté par aucun navigateur : font-size-adjust


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 19-08-2006 à 13:32:28    

font-size-adjust n'existe pas en CSS 2.1

Reply

Marsh Posté le 19-08-2006 à 13:48:53    

Ben si  [:spamafote]

Message cité 1 fois

---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 19-08-2006 à 13:48:53   

Reply

Marsh Posté le 19-08-2006 à 16:55:22    

Merci pour vos réponses (vous engueulez pas quand même hein !  :D )
 
Si j'ai bien compris, dans l'état actuel des choses, je ne peux pas faire varier la taille de ma police de titre selon que c'est la première typo ou celle de substitution.
 
Mais ce sera possible avec le CSS2... quand les navigateurs supporteront la commande "font-size-adjust" (si elle existe  :whistle: )
 
En conclusion : si la première police doit être affichée en 250% pour être lisble et que la police de substitution occupe 112 lignes avec cette même taille de 250%, une seule solution... Ne pas les utiliser ensemble !!!
 
C'est bien ça ou j'ai rien compris ?
 
PS : visiblement, y'a pas de doute ça existe, cf là... où ils disent aussi que c'est compatible avec presque tous les navigateurs !?!  :??:  : http://www.laltruiste.com/document [...] djust.html


Message édité par pilousg le 19-08-2006 à 17:00:06
Reply

Marsh Posté le 20-08-2006 à 09:42:36    

Dj YeLL a écrit :

Ben si  [:spamafote]


 
Sur la 2.0 oui, pas sur la 2.1.

Message cité 1 fois
Reply

Marsh Posté le 20-08-2006 à 11:22:31    

gebruik a écrit :

Sur la 2.0 oui, pas sur la 2.1.


 
En effet, au temps pour moi :jap:

Message cité 1 fois

---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 20-08-2006 à 11:26:02    

Dj YeLL a écrit :

En effet, au temps pour moi :jap:


 
Vous me ferez deux "notre Père" et cinq "Mea culpa".

Message cité 2 fois
Reply

Marsh Posté le 20-08-2006 à 11:31:05    

gebruik a écrit :

Vous me ferez deux "notre Père" et cinq "Mea culpa".


 

Code :
  1. for($i = 0; $i < 2; $i++) {
  2.     $notre_pere = file_get_contents('notre_pere.txt');
  3.     echo nl2br($notre_pere) . '<br />';
  4. }
  5.  
  6. for($i = 0; $i < 5; $i++) {
  7.     $mea_culpa = file_get_contents('mea_culpa.txt');
  8.     echo nl2br($mea_culpa) . '<br />';
  9. }


 
:o


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 20-08-2006 à 11:35:18    

gebruik a écrit :

Vous me ferez deux "notre Père" et cinq "Mea culpa".


Ca c'est mieux http://www.quizznblind.net/forum/images/smilies/fouet.gif

Message cité 1 fois
Reply

Marsh Posté le 20-08-2006 à 11:41:47    

$punition = ($user == "Dj YeLL" ) ? header("location : http://gotoprisonwithout10000dollars.dtc" ) : vas y quand meme :o ;

Message cité 1 fois
Reply

Marsh Posté le 20-08-2006 à 11:43:26    

mIRROR a écrit :

$punition = ($user == "Dj YeLL" ) ? header("location : http://gotoprisonwithout10000dollars.dtc" ) : vas y quand meme :o ;


 
 
T'as pas mis les quotes :o Et puis si $user == Dj YeLL tu affectes un header() à une variable ?  [:zaib3k]  
 
Pis c'est pas le topic php ici :o ( :whistle: )
 
Nan mais oh, je vais pas me laisser hein :D


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 20-08-2006 à 11:46:27    

en JS :o

Code :
  1. function fouette(user) {
  2.   var oUser = document.getElementById(user); if (!oUser) return;
  3.   oUser.style.fouet = "hard";
  4. }
  6. window.onload=function() {
  7.   fouette("DJ_Yell" );
  8. }


 

Reply

Marsh Posté le 20-08-2006 à 11:49:18    

c etait pour te donner un coup de main  
t as pas fait tes pater dans les regles t iras en enfer [:natas]

Reply

Marsh Posté le 20-08-2006 à 12:01:09    

Et ben voila ! C'est quand même plus fraternel de se fouetter au doux son des pasumes et des cantiques !!!
 
Et, euh... pour revenir à ma question... enfin si vous êtes d'accord bien sûr... cette commande elle est inutilisable alors ?
 

Message cité 2 fois
Reply

Marsh Posté le 20-08-2006 à 12:01:58    

gatsu35 a écrit :

Ca c'est mieux http://www.quizznblind.net/forum/i [...] /fouet.gif


 
On peut assortir le "mea maxima culpa" de flagellation, en effet.
J'attends les vidéos sur Youtube.

Reply

Marsh Posté le 20-08-2006 à 12:04:24    

pilousg a écrit :

Et ben voila ! C'est quand même plus fraternel de se fouetter au doux son des pasumes et des cantiques !!!
 
Et, euh... pour revenir à ma question... enfin si vous êtes d'accord bien sûr... cette commande elle est inutilisable alors ?


 
euh oui je crois mais dans ces cas il faut creer un style par police comme dans cet exemple
http://www.yoyodesign.org/doc/w3c/css2/fonts.html#q23

Reply

Marsh Posté le 20-08-2006 à 12:05:05    

pilousg a écrit :

Et ben voila ! C'est quand même plus fraternel de se fouetter au doux son des pasumes et des cantiques !!!
 
Et, euh... pour revenir à ma question... enfin si vous êtes d'accord bien sûr... cette commande elle est inutilisable alors ?


 
font-size-adjust est définie dans la recommandation CSS 2, mais faute d'implémentation dans les navigateurs du marché, elle a été retirée de la version 2.1 et l'est définitivement.
Il est plus que probable que pour répondre à ce genre de problématique, on passera à terme par le SVG, mais ça ce sera pour la XHTML 2 et les suivants.
Donc, pour l'instant, pas de réponse ou essaie de détecter la présence de la police sur le système et propose une feuille de style alternative en cas de non détection. Lourd, mais je ne vois pas comment faire autrement.

Message cité 2 fois
Reply

Marsh Posté le 21-08-2006 à 11:35:17    

gebruik a écrit :

essaie de détecter la présence de la police et propose une feuille de style alternative en cas de non détection.


 
C'est possible ça ?  :??:
Pourrais-tu me tuyauter en me disant sur quelles commandes CSS il faut que je me penche pour y arriver ?
 
Je vais également regarder yoyodesign.org .
 
En tout cas, merci encore à tous.


Message édité par pilousg le 21-08-2006 à 11:36:27
Reply

Marsh Posté le 21-08-2006 à 11:51:47    

gebruik a écrit :

.. détecter la présence de la police sur le système ..


Ce doit être possible par javascript non ?
 
M'enfin la solution de l'image pour le titre est certe moins dynamiques, mais peut être plus facile/légére à mettre en oeuvre... (pis moi j'utilise du PNG d'abord :D)

Message cité 1 fois
Reply

Marsh Posté le 21-08-2006 à 11:56:07    

chani_t a écrit :

Ce doit être possible par javascript non ?
 
M'enfin la solution de l'image pour le titre est certe moins dynamiques, mais peut être plus facile/légére à mettre en oeuvre... (pis moi j'utilise du PNG d'abord :D)


 
EUh, c'est moi qui voit pas le rapport, ou j'ai râté un truc ?  [:figti]  
 
Sinon je suis d'accord, vaut mieux faire une image si le résultat est si important... Sinon tu t'en tiens à une police standard pour tout le monde...

Message cité 2 fois

---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 21-08-2006 à 11:58:54    

nintendose a écrit :

euh un gif plutot ;), plus adapte pour du texte (en jpg non seulement c plus lourd mais en plus ca bave)...


pilousg a écrit :

euh oui, en Gif, en plus le jpg ne permet pas la transparence !...


Dj YeLL a écrit :

EUh, c'est moi qui voit pas le rapport, ou j'ai râté un truc ? ...


 
Le rapport était avec les posts précédent ;)
 
 

Reply

Marsh Posté le 21-08-2006 à 13:34:10    

Arf ok :D


---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le 21-08-2006 à 16:18:07    

Dj YeLL a écrit :

Sinon tu t'en tiens à une police standard pour tout le monde...


 
 :jap: Pourquoi faire simple quand on peut faire compliqué...
 
Bon en attendant XHTML 2 je vais faire ce que tu dis DJ Yell, tant pis pour Mekanic.
 
Merci à tous !  :hello:  

Reply

Marsh Posté le 21-08-2006 à 16:59:04    

Pas de quoi pilousg :)

 
drake9999 a écrit :

...

 

Hein :??:


Message édité par Elmoricq le 12-03-2008 à 15:25:23

---------------
Gamertag: CoteBlack YeLL
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed