@font-face { 

font-family: 'NewRegular'; 

src: local('NewRegular'), local('HittheRoad'), url('fonts/HITROAD.ttf') format('truetype'); }

local('NewRegular')

@font-face { 

font-family: 'HittheRoad'; 

src: local('HittheRoad'), url('fonts/HITROAD.ttf') format('truetype'); }

@font-face {

	font-family: 'Megalopolis';

	src: url('fonts/MEgalopolisExtra.eot');

	src: local('MEgalopolis Extra Regular'), local('MEgalopolisExtra'), url('fonts/MEgalopolisExtra.otf') format('opentype');

}

.megalopolis {

	font-family: Megalopolis, Helvetica, Arial, sans-serif;

}

Aureance a écrit :
en fait, je crois que presque tous les navigateurs l'acceptent sauf… IE mais, le contraire nous aurait étonné

@font-face {  

font-family: 'NewRegular';  

src: local('NewRegular'); }

@font-face {  

font-family: 'NewRegular';  

src: local('HittheRoad'); }

@font-face {  

font-family: 'NewRegular';  

src: local('Hit the Road'); }

@font-face {  

font-family: 'NewRegular';  

src: local('Hit the Road'), url('HITROAD.ttf') format('truetype'); }

a écrit :
Downloaded fonts are only available to documents that reference them, they should not be made available to other applications or other documents. (http://www.w3.org/TR/css3-fonts/#font-resources)

BeliG a écrit :
Code d'origine, sans installer la police :
Seul l'instruction url('HITROAD.ttf') est exécutée. Je remarque avec firebug que la font est récupérée à chaque rafraichissement de la page (9ko à chaque fois).

/* MgOpen Moderna                      */

/*  http://www.zvr.gr/typo/mgopen/index  */

 

@font-face {

  font-family: MyHelvetica;

  src: local("Helvetica Neue"), 

       local("HelveticaNeue"), 

       url(MgOpenModernaRegular.ttf);

}

 

@font-face {

  font-family: MyHelvetica;

  src: local("Helvetica Neue Bold"), 

       local("HelveticaNeue-Bold"), 

       url(MgOpenModernaBold.ttf);

  font-weight: bold;

}

 

body { font-family: MyHelvetica, sans-serif; }

Patidou a écrit :
Je ne sais pas comment est configuré ton Firefox mais chez moi la police est dans le cache et n'est pas rechargée.

BeliG a écrit :
Pour le reste on est d'accord ?

Patidou a écrit :
P.S.: Si je regarde ton code tu as zappé le newregular...

BeliG a écrit :
Elle est dans le cache je suis d'accord, mais pourquoi Firebug me dit que les 9ko sont chargés à chaque fois ?

BeliG a écrit :
Le mieux à mon avis est de donner un nom proche (même similaire) à celui de la police voulue :

@font-face {  

font-family: 'HittheRoad';  

src: local('HittheRoad'), url('fonts/HITROAD.ttf') format('truetype'); }

Me trompe-je ?

@font-face {

  font-family: "HitTheRoadCustom";

  src:

    local("Hit the Road"), /* Nom Postscript pour correspondance fontes locales */

    local("HittheRoad"), /* Nom système pour correspondance fontes locales */

    url("fonts/HITROAD.ttf") format("truetype"); /* Si pas de correspondance, on télécharge la fonte */

}

body {

  font-family: "HitTheRoadCustom", sans-serif;

  /* Utilise la fonte prédéfinie (que la source soit locale ou le fichier .ttf) */

}

@font-face {

  font-family: "MaSuperFonte";

  font-weight: normal;

  font-style: normal;

  src: local("Super Fonte Regular"), local("SuperFonteR"),

    url("fonts/SUPERFONTE1.ttf") format("truetype");

}

@font-face {

  font-family: "MaSuperFonte";

  font-weight: bold;

  font-style: normal;

  src: local("Super Fonte Bold"), local("SuperFonteB"),

    url("fonts/SUPERFONTE2.ttf") format("truetype");

}

body {

  font-family: "MaSuperFonte", sans-serif;

}

h1 {

  font-family: inherit; /* par défaut */

  font-weight: bold; /* SUPERFONTE2.ttf ou équivalent local si installé */

}

Florent V. a écrit :
Tu ne dis peut-être pas au navigateur de mettre la ressource en cache (avec les en-têtes HTTP qui vont bien), du coup le navigateur fait une requête de type HEAD?

Florent V. a écrit :
Ah oui: on écrit me trompé-je (orthographe classique) ou me trompè-je (réforme 1990), mais pas me trompe-je.

Florent V. a écrit :
ne pas confondre le nom de fonte spécifié via font-family dans le contexte d'une règle @font-face, et le nom de fonte passé en paramètre de l'instruction local()

local("HittheRoad"), /* Nom système pour correspondance fontes locales */

BeliG a écrit :
J'ai ça à chaque fois que je fais F5, pas vous ?

previews/6853-kikoo.jpg

BeliG a écrit :
Mais omg ! C'est ce que j'essaye de vous dire depuis le début ! What about le local('NewRegular') de Raphael ?!

BeliG a écrit :
Sinon j'ai pas capté un truc dans ton code Florent, c'est ça :

local("HittheRoad"), /* Nom système pour correspondance fontes locales */

J'ai installé la police "Hit the Road" sur mon poste, et seule l'instruction local("Hit the Road") donne un résultat (local("HittheRoad"), comme tu l'écris et comme l'a écrit Raphael ne fonctionne pas). A quoi correspond exactement ce nom système ?

Nom PostScript: HittheRoad

Nom complet: Hit the Road

@font-face {

	font-family: 'NewRegular';

	src: local('NewRegular'), local('HittheRoad'), url('fonts/HITROAD.ttf') format('truetype');

}

@font-face {

	font-family: 'NewRegular';

	src: local('Hit the Road'), local('HittheRoad'), url('fonts/HITROAD.ttf') format('truetype');

}

Florent V a écrit :
@Aureance - Internet Explorer a été le premier navigateur à implémenter @font-face (à l'époque en CSS2). C'était il y a plus de dix ans, et donc facilement 8 ou 9 ans avant les autres navigateurs.

Bande de médisants.

BeliG a écrit :
J'ai installé la police "Hit the Road" sur mon poste, et seule l'instruction local("Hit the Road") donne un résultat (local("HittheRoad"), comme tu l'écris et comme l'a écrit Raphael ne fonctionne pas). A quoi correspond exactement ce nom système ?

BeliG a écrit :
@Aureance : Ok, mais quel est le rapport avec mon post ?

@font-face {  

font-family: 'HittheRoad';  

src: local('HittheRoad'), url('fonts/HITROAD.ttf') format('truetype'); }

@font-face {

font-family: 'Megalopolis';

src: url('fonts/MEgalopolisExtra.eot');

src: local('MEgalopolis Extra Regular'), local('MEgalopolisExtra'), url('fonts/MEgalopolisExtra.otf') format('opentype');

}

Florent V. a écrit :
Bah à vue de nez c'est une connerie, quoi.
Tu attendais notre permission pour le dire?

Florent V. a écrit :
Apparemment, certains navigateurs utilisent un type de nom plutôt que l'autre.
[...]
John Daggett explique comment trouver les deux noms d'une fonte

Florent V. a écrit :
code corrigé:

@font-face {

	font-family: 'NewRegular';

	src: local('Hit the Road'), local('HittheRoad'), url('fonts/HITROAD.ttf') format('truetype');

}

Voilà, je crois qu'on est arrivé au bout.

Aureance a écrit :
donc ça va bien avec tous les navigateurs ou reste-t'il encore une difficulté avec un qui n’accepterai toujours pas cette règle ?

Aureance a écrit :
J'ai voulu installer la police de Raphaël mais finalement je n'ai pas osé à cause du message d'alerte

Aureance a écrit :
Et puis tu disais… « Le mieux à mon avis est de donner un nom proche (même similaire) à celui de la police voulue : »
[...]
je répondais en allant dans ton sens par le bout de code ou l'on voit que le nom est bien semblable partout :