inserer nouvelle police

[anne_r]

Bonjour,

j'ai une police qui est propre au site que je vais développer.
La font-family par defaut dans le global est:

font-family: Verdana, Arial, Helvetica, Sans-Serif;



Comment est ce que je fais pour rajouter une nouvelle police?

MErci

Anne

[Arnaud Drieux]

Bonjour anne,
normalement tout se fait dans le css. Donc si vous voulez par exemple la typo "Century Gothic" la ligne dans le global.css sera : font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-Serif;

C'est tout simple.

Après, s'il s'agit d'une typographie que les gens n'ont pas sur leur ordinateur, il ya un moyen spécial.

Bonne journée

[anne_r]

il s'agit d'un typo spécifique unique developpée par un graphiste donc j'ai le fichier mais je ne sais où le mettre

[Arnaud Drieux]

Ah, alors ce qu'il faut faire c'est envoyer votre fichier ( qui doit surement être en format .ttf ) sur ce site

http://www.fontsquirrel.com/fontface/generator

Vous laissez la case optimal cochée, vous cliquez sur Add fonts, vous choisissez votre fichier. Vous attendez qu'il vous génère votre fichier et normalement il vous demande d'enregistrer un dossier sur votre ordinateur. Si vous arrivez jusque là, c'est un bon début.

[anne_r]

Tout d'abord je vous remercie pour votre aide et vos reponses.
La typo specifique ayant ete créee pour mon client (dont je parametre la boutique en ligne) va donc etre en ligne à la disposition gratuite des utilisateurs si j'utilise : http://www.fontsquirrel.com/fontface/generator

si je comprends bien?


merci

anne

[Arnaud Drieux]

Ca par contre je ne sais pas du tout. Faudrait fouiller sur le site, mais cela m'étonnerait que chaque personne qui utilise ce service, retrouve sa typo sur le site.

Donc je ne pense pas qu'elle reste en ligne.

[anne_r]

alors j'ai utilisé le generateur sur le site http://www.fontsquirrel.com/fontface/generator, j'ai bien un fichier
mais là je ne sais pas ce qu'il faut en faire et où je placer les infos, j'ai 2 fichiers css et un js

[anne_r]

Finalement j'ai trouvé des pistes et testerais demain si cela est bon , je mettrais résolu dans l'entete.

Grâce à l'échange suivant, je commence à comprendre comment insérer une police particulère:

http://www.prestashop.com/forums/viewthread/73901/discussion_generale/pouvezvous_me_donner_votre_avis_sur_mon_site_

Tout est expliqué sous ce lien:

http://fr.selfhtml.org/internationalisation/polices_telechargeables.htm#incorporer

[Arnaud Drieux]

Désolé de ne pas avoir répondu plus tot.

Mais oui vous êtes sur la bonne piste !

Moi quand je dois insérer une typo stylé dans un site:

1 - Je prend le dossier, je le renomme "dossierdemafont" par exemple
2 - Je le transfert à la racine du site via ftp
3 - J'insère dans le fichier header.tpl, dans le header

<link media="screen" type="text/css" href="http://monsite/dossierdemafont/stylesheet.css" rel="stylesheet">

4 - Ensuite je vais dans global.css et là où je veux mettre ma typo, j'ai juste à rentrer le nom de la typo
exemple :

font-family: 'MafontscriptRegular'

et normalement tout marche

Bonne journée

[anne_r]

Bonsoir,

donc j'y suis arrivée, voici ce que j'ai fait pour insérer une typo nommée MATYPO sur www.monsite.com par exemple:

1- j'ai utilisé comme vous me l'aviez conseillé le générateur : http://www.fontsquirrel.com/fontface/generator
2 – j'ai renommé le dossier généré, renommé en “dossierfont” par exemple
2 – Je l'ai transfert à la racine du site via ftp
3 – J’insère dans le fichier header.tpl, dans le header

<link media="screen" type="text/css" href="http://www.monsite.com/dossierfont/stylesheet.css" rel="stylesheet"> 

4- dans le global.css j'ai inséré :

@font-face {
   font-family: "MATYPO";
   src: url("http://www.monsite.com/dossierfont/fontesanreg-webfont.eot") format("eot");
    src: local("MATYPO"),
        url("http://www.monsite.com/dossierfont/MATYPO-webfont.woff") format("woff"),
        url("http://www.monsite.com/dossierfont/MATYPO-webfont.ttf") format("truetype"),
        url("http://www.monsite.com/dossierfont/MATYPO-webfont.svg#webfonthNsFRmry") format("svg");
   font-weight: normal;
   font-style: normal;

}

je suis un peu embetée cela ne fonctionne pas si je mets en chemins relatifs.

5- pour finir là où je veux utiliser ma typo MATYPO dans le css:

 font-family: MATYPO, Arial, Helvetica, Sans-Serif; 

Merci Arnaud pour votre aide.

Anne

[Arnaud Drieux]

En fait vu que vous avez insérer le <link media="screen".......> dans le header, il n'y a pas besoin de mettre le code css dans le global css. C'est justement pour éviter de mettre des chemins relatifs qui ne marchent pas

Sinon pour utiliser la typo il faut bien penser à mettre les ' ce qui donnerait 'MATYPO'

bonne journée

[anne_r]

bonjour,

cela ne marche pas si je ne mets pas @font-face.... dans le global.css et par contre cela fonctionne sans mettre les guillemets "" à MATYPO


Anne

[Arnaud Drieux]

ah... bizarre.

De toute façon le tout c'est que ça marche

[anne_r]

oui je suis d'accord mais c'est pas très clean et si cela ne marche pas avec le <link media=“screen”…….> c'est qu'il y a quelque chose...pour le moment je passe à autre chose et je m'y plongerai de nouveau plus tard.
Merci pour votre aide.
Bonne journée

Anne

[anne_r]

Bonjour,

je reviens sur le sujet, car ma police est prise en compte par Safari et Firefox sur MAC et firefox sur PC mais elle n'est pas prise en compte par Internet Explorer sur PC. Sur IE c'est la typo par defut qui est prise en compte à savoir ARIAL et cela n'a rien à voir et surtout le site est tout bancal.
Avez vous une idee pour que la typo apparaisse correctement sous IE?
Merci

Anne

[Arnaud Drieux]

Bah normalement l'utilisation de font-face permet d'afficher n'importe quelle typo sur n'importe quel navigateur.

De quel internet explorer s'agit-il?

[anne_r]

sous explorer version 7

[Arnaud Drieux]

Alors c'est normal... Tout ce qui est internet explorer 6 et 7 déforment beaucoup les sites internets. C'est une vraie catastrophe. Normalement en mettant à jour en IE 8 tout devrait rentrer dans l'ordre.

Sinon pour essayer d'avoir un site un minimum "rangé" sur les anciennes version d'IE, je vous conseil d'utiliser le validateur W3C pour voir où est-ce qu'il y a des erreurs, et essayer de limiter "les dégats"

[anne_r]

bonjour,

J'ai toujours un soucis d'affichage de la typo que j'ai choisi pour le shop.

La police est correctement vue sous mac quelque soit le navigateur, sur PC et sous Firefox il semble que c'est bon aussi.
Reste internet explorer.

Sous windows 7 , avec IE version 9: la police se voit correctement.
PAr contre même sous IE 9, cela ne fonctionne pas correctement avec un pc sous Windows vista.

Une idée???

MErci

Anne

[Arnaud Drieux]

Arf... j'ai pas de pc sous windows 7 sous la main, je peux pas vous aider plus :/