Police imposée

[Invité]

Est-il possible en html d'imposer une police de caractère indépendemment de si le "lecteur" ne l'a pas installée sur son ordi?
Merci d'avance pour vos lumières...

Robert

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

[calimo]

Hello,
Oui, en utilisant @font-face
Mais ça ne fonctionne qu'avec les toutes dernières versions des navigateurs, par exemple Firefox 3.5 à venir.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux x86_64; fr; rv:1.9.0.11) Gecko/2009060311 Ubuntu/8.10 (intrepid) Firefox/3.0.11

[bobi52]

Merci.
Je vais essayer ça...

Robert

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

[bobi52]

Calimo,

Pourrais-tu être un peu plus explicite quant à la syntaxe exacte et où mettre ça dans mon fichier styles.css?
Mes instructions de style de texte sont du type:

p {
margin: 3px;
padding: 3px;
font-family: Script12 BT,Papyrus,Verdana,SansSerif;
font-size: 12pt;
}

Robert

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

[Asumbaa]

Salut,

Il y a un exemple sur la page pointée par le lien de Calimo (il y a un lien dans son message, su le "@font-face")

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Portable Firefox/3.0.6

[bobi52]

Oui, j'ai vu le lien et l'exemple, mais ça semble fait pour une spécification de style à l'intérieur d'un document html.
J'aurais aimé savoir exactement quel code mettre sans mon fichier css, et où le placer.
Pour info, mon site est à http://www.voile.org/anou2

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

[calimo]

L'exemple est pour une page HTML, mais c'est du CSS donc c'est applicable dans n'importe quelle feuille de style.

Code : Tout sélectionner

    @font-face {
      font-family: "Script12 BT";
      src: url("http://monsite.fr/font/script12bt.ttf");
    }
    

Je pense que ça doit être au début de la feuille.

[Pascale - Mammouthland]

Est-il possible en html d'imposer une police de caractère

On ne peut jamais imposer quoi que ce soit Robert Heureusement d'ailleurs ! Il suffit de désactiver la feuille de style ou de charger la sienne. Quand on est mal voyant, ça peut être utile.

Calimino a donné la bonne syntaxe. Normalement il faut juste ajouter le type de format

Code : Tout sélectionner

@font-face {
      font-family: "Script12 BT";
      src: url("http://monsite.fr/font/script12bt.ttf") format("truetype");
    } 

Et ensuite on l'appelle de façon classique

Code : Tout sélectionner

p {
margin: 3px;
padding: 3px;
font-family: "Script12 BT",Papyrus,Verdana, sans-serif;
font-size: 100%;
} 

J'ai changé le SansSerif par sans-serif, et le 12pt par 100%. Ca peut être un autre valeur de % bien sûr, et ça peut être aussi des em. Mais pas de pt dans une feuille de style pour écran : c'est une taille fixe non redimensionnable. Elle est à réserver pour les feuilles de style d'impression.

@font-face fonctionne avec FF 3.5, Safari 3.1 et + et Opéra 10. Pour que ça marche avec IE, il faut que les polices soient au format eot... et ne pas mettre le format dans la déclaration.
http://openfontlibrary.org/wiki/Embedded_OpenType

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.1) Gecko/20090624 Firefox/3.5

[Pascale - Mammouthland]

Calimino

Oups ! pardon... Calimo !

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.1) Gecko/20090624 Firefox/3.5

[Asumbaa]

Calimino

Oups ! pardon... Calimo !

Huhu
Je l'imagine assez mal en chanteuse australienne

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.6) Gecko/2009011913 Portable Firefox/3.0.6

[bobi52]

Allo,

Eh bien, ça ne marche pas...

Tout au début de mon styles.css, avant même l'instruction body, j'ai exactement:

@font-face {
font-family: "Script12 BT";
src: url("http://www.voile.org/anou2/images/Script12.ttf") format("truetype");
}

Pas d'incidence sur mon ordi fixe où j'ai la police script12, mais sur mon portable, où je ne l'ai pas, le texte s'affiche en Papyrus, qui est mon second choix.

Une piste quelqu'un?

Robert

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

[Benoit]

Je pense que c'est parce que tu n'as pas mis à jour ton Firefox vers la version 3.5.

Quand je vais voir ton site je vois bien une police qui n'est pas installée chez moi, et je n'ai pas Papyrus non plus. Comme ce n'est clairement pas Verdana je suppose que c'est bien Script12 BT

[teoli2003]

Yep, c'est une nouveauté de Firefox 3.5

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.1) Gecko/20090715 JYP Firefox/3.5.1

[bobi52]

Effectivement, je suis sur FF 3.0.11. La recherche des mises à jour me propose 3.0.12, jamais entendu parler de 3.5...

Cela veut-il dire que de toute façon les visiteurs de mon site qui utilisent IE et qui n'ont pas script12 ne la verront pas? Alors je me demande pourquoi me donner tout ce mal...

Robert

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.11) Gecko/2009060215 Firefox/3.0.11

[arno.]

Cela veut-il dire que de toute façon les visiteurs de mon site qui utilisent IE et qui n'ont pas script12 ne la verront pas? Alors je me demande pourquoi me donner tout ce mal...

Bah pour tous les autres qui utilisent firefox, webkit ou opera, ça rend vraiment mieux. Donc ça vaut le coup quand même.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.1) Gecko/20090707 Iceweasel/3.5 (Debian-3.5-1)