Police imposée

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !

Modérateur : Asumbaa

Invité

Police imposée

Message par Invité » 28 juin 2009, 16:14

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
Animal mythique
Messages : 14118
Enregistré le : 26 déc. 2003, 11:51

Message par calimo » 28 juin 2009, 16:24

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
Gecko
Messages : 69
Enregistré le : 02 mars 2005, 19:03

Message par bobi52 » 28 juin 2009, 18:33

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
Gecko
Messages : 69
Enregistré le : 02 mars 2005, 19:03

Message par bobi52 » 30 juin 2009, 17:37

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
Tyrannosaurus Rex
Messages : 2411
Enregistré le : 08 déc. 2004, 20:07

Message par Asumbaa » 01 juil. 2009, 11:21

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
Gecko
Messages : 69
Enregistré le : 02 mars 2005, 19:03

Message par bobi52 » 01 juil. 2009, 11:49

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
Animal mythique
Messages : 14118
Enregistré le : 26 déc. 2003, 11:51

Message par calimo » 01 juil. 2009, 11:53

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

Message par Pascale - Mammouthland » 01 juil. 2009, 18:41

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

Message par Pascale - Mammouthland » 01 juil. 2009, 18:43

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
Tyrannosaurus Rex
Messages : 2411
Enregistré le : 08 déc. 2004, 20:07

Message par Asumbaa » 02 juil. 2009, 11:13

Pascale - Mammouthland a écrit :
Calimino
Oups ! pardon... Calimo !
Huhu :lol:
Je l'imagine assez mal en chanteuse australienne :D :lol: :shock:

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
Gecko
Messages : 69
Enregistré le : 02 mars 2005, 19:03

Message par bobi52 » 21 juil. 2009, 15:39

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
Administrateur
Messages : 4894
Enregistré le : 19 juil. 2003, 10:59

Message par Benoit » 22 juil. 2009, 00:42

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 :)
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪

teoli2003
Animal mythique
Messages : 7580
Enregistré le : 13 nov. 2005, 09:23

Message par teoli2003 » 22 juil. 2009, 10:08

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
La liberté n'est jamais accordée de bon gré par l'oppresseur; elle doit être exigée par l'opprimé (Martin Luther King).
Les convictions sont des ennemis de la vérité plus dangereux que les mensonges. (Nietzsche).
Native Mozillian.

bobi52
Gecko
Messages : 69
Enregistré le : 02 mars 2005, 19:03

Message par bobi52 » 22 juil. 2009, 12:25

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.
Varan
Messages : 1347
Enregistré le : 19 août 2004, 12:26

Message par arno. » 22 juil. 2009, 12:51

bobi52 a écrit :
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)

Répondre

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 2 invités