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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Font et CSS : que faire quand le visiteur n'a pas la typo utilisée ?

pilousg

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:

Publicité

Martius

il/lui

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.

pilousg

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

nintendose

Dentist to the Stars

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.

pilousg

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

pilousg

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

gebruik

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.

Dj YeLL

$question = $to_be || !$to_be;

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

gebruik

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

Dj YeLL

$question = $to_be || !$to_be;

Ben si [:spamafote]

Message cité 1 fois

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

Publicité

pilousg

Merci pour vos réponses (vous engueulez pas quand même hein ! )

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

gebruik

Dj YeLL a écrit :

Ben si [:spamafote]

Sur la 2.0 oui, pas sur la 2.1.

Message cité 1 fois

Dj YeLL

$question = $to_be || !$to_be;

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

gebruik

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

Dj YeLL

$question = $to_be || !$to_be;

gebruik a écrit :

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

Code :

for($i = 0; $i < 2; $i++) {
    $notre_pere = file_get_contents('notre_pere.txt');
    echo nl2br($notre_pere) . '<br />';
}
 
for($i = 0; $i < 5; $i++) {
    $mea_culpa = file_get_contents('mea_culpa.txt');
    echo nl2br($mea_culpa) . '<br />';
}

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

gatsu35

Blablaté par Harko

gebruik a écrit :

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

Ca c'est mieux

Message cité 1 fois

mIRROR

Chevreuillobolchévik

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

Message cité 1 fois

Dj YeLL

$question = $to_be || !$to_be;

mIRROR a écrit :

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

T'as pas mis les quotes Et puis si $user == Dj YeLL tu affectes un header() à une variable ? [:zaib3k]

Pis c'est pas le topic php ici ( :whistle: )

Nan mais oh, je vais pas me laisser hein

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

gatsu35

Blablaté par Harko

en JS

Code :

function fouette(user) {
var oUser = document.getElementById(user); if (!oUser) return;
oUser.style.fouet = "hard";
}
window.onload=function() {
fouette("DJ_Yell" );
}

mIRROR

Chevreuillobolchévik

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

pilousg

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

gebruik

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.

mIRROR

Chevreuillobolchévik

pilousg a écrit :

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

gebruik

pilousg a écrit :

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

pilousg

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

chani_t

From Dune

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 )

Message cité 1 fois

Dj YeLL

$question = $to_be || !$to_be;

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 )

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

chani_t

From Dune

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

Dj YeLL

$question = $to_be || !$to_be;

Arf ok

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

pilousg

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:

Dj YeLL

$question = $to_be || !$to_be;

Pas de quoi pilousg

drake9999 a écrit :

...

Hein :??:

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

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

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[CSS]J'ai l'impression de faire de la magie noire là...	[RESOLU][CSS] Problème de float
[HTML/CSS] césure d'un mot	XHTML et CSS : Différences d'interprétations ?
[Résolu] Centrage CSS et liste à image de fond	[CSS]Compatibilité IE vs the World
[CSS] disposer des div cf image inside	CSS positionnement des box
[CSS] Taille de la police de caractere	[CSS] - mise en place design - pb IE / firefox
Plus de sujets relatifs à : Font et CSS : que faire quand le visiteur n'a pas la typo utilisée ?

Page générée en 0.057 secondes