Import de typo externe

[p.labastida]

Bien le bonjour =)

Je viens tout juste de mètre en ligne mon site perso, et à mon grand regret, une typographie importé de ma machine dans dream ne s'affiche pas sur les autres machines que la mienne (AmericanTypewriter en l'occurrence)

Logique me direz vous...
Je me doute bien qu'il faut faire figurer le ficher typo sur le serveur lui même, cela dit j'ai bien essayé dans tout les sens et cela ne fonctionne toujours pas...

Si la réponse ce trouve dans le code voici l'url provisoire du site http://po291289.on-web.fr/

I need help.

[ornitho13]

il faut utiliser la propriété css @font-face si tu veux que cela fonctionne :

Code :

1
2
3
4
@font-face{
	font-family: 'qlassik';
	src: url('qlassik_tb.otf')
}

il faut que tu mettes l'url relative à ta police et ensuite tu peux l'utiliser via font-family.

Attention par contre tous les types de police ne sont pas bien prises en compte par les navigateurs.

Sinon, je ne conseille pas l'utilisation des frame, ne serait ce que pour l'optimisation auprès des moteurs de recherche (SEO)

[p.labastida]

Oui j'avais entendu parler des problèmes de référencement due au système de frame... je referait tout ça mieux quand j'en aurait le temps

Sinon je n'y arrive toujours pas, en fait j’écris ceci :

Code :

1
2
3
4
@font-face{
	font-family: 'American Typewriter';
	src: url('http://pierrelabastida.fr/data/AmericanTypewriter.ttc') format("opentype");
}

Le problème viens de l'url je suppose, cela dit j'ai la aussi retourner la syntaxe dans tout les sens, du genre :

Code :

1
2
3
src: url('AmericanTypewriter.ttc')
src: url('data/AmericanTypewriter.ttc') 
src: url('www/AmericanTypewriter.ttc')

mais sans résultats ^^

Peut être que la css doit figurer dans le Frameset ?

Au passage merci pour le déplacement du sujet

[nadox]

Bonjour,

Il faut surement une police 'ttf' (TrueTypeFont) et non une collection de police 'ttc'(TrueTypefontCollection).

Aussi, un bon générateur de font-face peut aider pour s'assurer d'avoir une police disponible sur tout les navigateurs :
http://www.fontsquirrel.com/fontface/generator

EDIT :
On peut quand même utiliser un fichier 'ttc' apparemment. Il faut pour cela définir un font-face pour chaque police spécifique contenue dans le fichier en précisant l'alias de la police :

Code css :

1
2
3
4
5
6
7
8
9
10
11
12
@font-face {
fontFamily: "American Typewriter Regular";
...
}
@font-face {
fontFamily: "American Typewriter Bold";
...
}
@font-face {
fontFamily: "American Typewriter Italic";
...
}