Où mettre une police sur pbt?

EDN Maitre-Sage

Rang

Inscrit le : 23/02/2010 à 09h15

Le 25/01/2014 à 10h22

Bonjour.

Soit j'ai un trou de mémoire, soit je perds la tête (pareil non?)

Bref .. J'ai aujourd'hui téléchargé deux polices ( apoge.otf & manteka.ttf ) que j'ai mis dans .templates/MON THEME/theme/font

J'ai ensuite ouvert le fichier design.css / body / et j'ai changé la police, par celle voulu, mais ça ne marche pas du tout ..

Peut-être que ça ne s’écrit pas pareil que le nom de la police? Car en regardant dans ce même dossier (font), j'ai pu voir : eagle_sans_regular-webfont.ttf alors que sur css j'écris seulement font-family: "EagleSans-Regular";

Quelque chose ne va pas ..

Merci Edité par m-ickael Le 25/01/2014 à 10h23

planet-truck.fr

Site web

hight_tower

Modérateur

Rang

Inscrit le : 17/09/2009 à 11h09

Messages: 2298

Le 25/01/2014 à 11h25

regarde ici: kernel/data/fonts/

Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.

E-mail Site web

m-ickael

EDN Maitre-Sage

Rang

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 25/01/2014 à 12h42

Bonjour.

J'ai vu ce dossier, mais mes polices que j'utilise n'y sont pas .. Je me suis donc dit que ça ne pouvait pas être ici ..

Je parle pour la police : eagle_sans_regular-webfont.ttf transformé en "EagleSans-Regular" sur css ..

planet-truck.fr

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 25/01/2014 à 12h51

Bonjour,

Il faut passer par le @fontfaceKit, pour des fonts que tu souhaites faire passer ..

Personnellement je passe par ce site :

http://www.fontsquirrel.com/tools/webfont-generator

Ensuite tu pourras les transposer par la suite dans ton thème ^^

2/ Tu as aussi Google Font Api

https://developers.google.com/fonts/?hl=fr

Qui te fait la même chose.

Swan

swan_signature

Site web

hight_tower

Modérateur

Rang

Inscrit le : 17/09/2009 à 11h09

Messages: 2298

Le 25/01/2014 à 12h58

Il n'y a que swan pour répondre correctement à ce sujet

Chez Swan Site design Web phpboost3. Membre depuis 2009 & modérateur depuis 2011.

E-mail Site web

m-ickael

EDN Maitre-Sage

Rang

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 25/01/2014 à 13h18

Bonjour.

ça a l'air compliqué .. Je vais m'en tenir à ce que ça reste comme ça finalement :/

(Mais je vais quand même essayé).

Merci

planet-truck.fr

Site web

m-ickael

EDN Maitre-Sage

Rang

Inscrit le : 23/02/2010 à 09h15

Messages: 2296

Le 25/01/2014 à 13h34

ça ne marche pas ..

J'ai mis les 5 fichiers que j'ai eu dans le dossier font du theme, j'ai ouvert le fichier design.css et ajouté :

Citation:

@font-face {
font-family: 'apogee_rounded_sansregular';
src: url('apoge-webfont.eot');
src: url('apoge-webfont.eot?#iefix') format('embedded-opentype'),
url('apoge-webfont.woff') format('woff'),
url('apoge-webfont.ttf') format('truetype'),
url('apoge-webfont.svg#apogee_rounded_sansregular') format('svg');
font-weight: normal;
font-style: normal;

}

Puis j'ai changé la ligne dans body :

Citation:

body {
background:#313131;
font-size:11px;
font-family:apogee_rounded_sansregular;

color:#000000;
margin:0;
padding:0;
}

Mais en vain ..

planet-truck.fr

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 25/01/2014 à 13h47

Mickael,

C'est simplement que tu n'as pas fait la redirection vers le dossier font dans tes urls de ton css.
Ton dossier font est à la racine de ton thème ? donc tu devras placer dans ton css comme ceci :

Code CSS :

@font-face {
font-family: 'apogee_rounded_sansregular';
src: url('../fonts/apoge-webfont.eot');
src: url('../fonts/apoge-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/apoge-webfont.woff') format('woff'),
url('../fonts/apoge-webfont.ttf') format('truetype'),
url('../fonts/apoge-webfont.svg#apogee_rounded_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}

Ton dossier font est dans le dossier "templates/TON-THEME/theme"

Code CSS :

@font-face {
font-family: 'apogee_rounded_sansregular';
src: url('fonts/apoge-webfont.eot');
src: url('fonts/apoge-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/apoge-webfont.woff') format('woff'),
url('fonts/apoge-webfont.ttf') format('truetype'),
url('fonts/apoge-webfont.svg#apogee_rounded_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}