Discussion :

[zooffy]

Bonjour à tous.

J'ai fait le tour sur différent site pour comprendre mais je sèche, je comprends pas comment je dois m'y prendre.
J'ai déclaré une police pour mon site, mais mon commanditaire veux en ajouter deux de plus et là, je sèche sur la déclaration.
Pour l'instant j'ai ça en haut de ma feuille CSS principale :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
@font-face { 
    font-family:SITEpolice;
    src:url('/App_Themes/big_noodle_titling.ttf');
}

Comment je peux ajouter une autre police ?

Merci pour vote aide.

[Invité]

=> fontsquirrel.com - FREE fonts for graphic designers

Exemple de déclaration :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/* --------- polices speciales ---------- */
@font-face { 
    font-family: 'HoboStd';
    src: url('../fonts/HoboStd/hobostd-webfont.eot');
    src: url('../fonts/HoboStd/hobostd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HoboStd/hobostd-webfont.woff') format('woff'),
         url('../fonts/HoboStd/hobostd-webfont.ttf') format('truetype'),
         url('../fonts/HoboStd/hobostd-webfont.svg#HoboStd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face { 
    font-family: 'ShowcardGothic';
    src: url('../fonts/ShowcardGothic/showcard_gothic-webfont.eot');
    src: url('../fonts/ShowcardGothic/showcard_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ShowcardGothic/showcard_gothic-webfont.woff') format('woff'),
         url('../fonts/ShowcardGothic/showcard_gothic-webfont.ttf') format('truetype'),
         url('../fonts/ShowcardGothic/showcard_gothic-webfont.svg#ShowcardGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

[zooffy]

Merci pour ton aide.
Donc j'ai juste à répéter les @font-face pour chaque police que je dois ajouter. J'avais pas compris ça dans les tutos que j'ai parcouru.

[Invité]

Tu peux même choisir des fonts hébergées par google : http://www.google.com/webfonts
- choix de la font
- clic sur le bouton "Quick-use"
- choix des options éventuelles
=> code à insérer
ex. :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<link href='http://fonts.googleapis.com/css?family=ABeeZee' rel='stylesheet' type='text/css'>

[zooffy]

Merci pour la précision.