Polices non reconnues sur Firefox

**dhillig** · 28/01/2016, 15h35

Bonjour,
Après avoir consulté quelques forums, je n'ai pas trouvé de solution à mon problème qui est que toutes polices rajoutées à ma page ne son pas reconnues par Firefox,
comme par exemple le

Code :

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

@import url("../webfonts/holtwoodonesc/stylesheet.css");

dont voici le stylesheet :

Code :

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

1
2
3
4
5
6
7
8
@font-face {
	font-family: 'montserrat light';
	src: url('montserrat-light-webfont.eot');
	src: url('montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('montserrat-light-webfont.woff') format('woff'),
		url('montserrat-light-webfont.ttf') format('truetype'),
		url('montserrat-light-webfont.svg') format('svg');
}

Idem pour les autres polices dont les glyphicons. Par contre, aucun prob sur Chrome et Safari

Merci pour votre aide,
dh

**nef1912** · 28/01/2016, 16h39

Bonjour,

Petite question avant d'explorer des pistes: as-tu vidé le cache de ton FF?

**dhillig** · 28/01/2016, 17h08

Bonjour nef1912 et merci pour ta réponse,
Oui, le cache de FF était bien supprimé

Bonne fin dr journée,
dh

Invité · 28/01/2016, 21h35

Bonjour,

https://developer.mozilla.org/fr/doc...CSS/@font-face

et vérifier que tous les fichiers .ttf .woff ... existent bien.

**dhillig** · 29/01/2016, 11h15

Bonjour jreaux62,
C'est la première fois que cela m'arrive. Je vais désinstaller et réinstaller les polices, ce que je viens de faire avec les glyphicons, mais toujours le même soucis : pas d'icône; seulement un carré de la couleur de l'icône; et toujours que sur FF

Bonne journée,
dh
PS : les ttf et woff des autres polices sont pourtant bien présents

**Julien698** · 29/01/2016, 11h28

Dans le doute as-tu essayé avec une autre police pour voir si elle est reconnu sur firefox ?

**dhillig** · 29/01/2016, 16h02

Bonjour Julien,
Oui, le Holtwood One SC et le montserrat.
Il va de de soit que les codes donnés lors du lancement de la discussion ne concordent pas

Chaque typo à son import url et son propre stylesheet.
J'ai donné l'import url du Holtwood One et le stylesheet du montserrat, erreur lors de ma part lors du lancement de la discussion

Jamais eu de prob précédemment avec ces polices

Merci pour ton aide et bonne fin de journée,
dh

**dhillig** · 30/01/2016, 13h16

Bonjour à tous,
J'ai tout "réinstallé"
Il me semble avoir suivi à la lettre :
http://vviale.developpez.com/tutoriels/font-face/
La police se trouve dans le fichier "style.css"
le <head>

Code :

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

1
2
3
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />

dont voici la partie concernée :

Code :

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

1
2
3
4
5
6
7
8
@font-face {
	font-family: 'holtwood';
	src: url('holtwoodonesc.eot');
	src: url('holtwoodonesc.eot?#iefix') format('embedded-opentype'),
		url('holtwoodonesc.woff') format('woff'),
		url('holtwoodonesc.ttf') format('truetype'),
		url('holtwoodonesc.svg') format('svg');
}

Tous les fonts sont dans le dossier "font"
Toujours le même problème

Pour ce qui est des icones, c'est réglé. Cela venait du html, mais je ne peut vous dire d'où

Can you help me ?
Bon week-end,
dh

**dhillig** · 30/01/2016, 15h58

re_bonjour à tous,
Il me semble tout bêtement que la police "holtwoodonesc" n'est pas supportée par FF

Pouvez-vous me le confirmer ?
Bon week-end
dh

Invité · 30/01/2016, 16h03

Solution 1 :
On la trouve sur Google fonts, et elle fonctionne sur FF :
Dans <head> :

Code html :

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

<link href='https://fonts.googleapis.com/css?family=Holtwood+One+SC' rel='stylesheet' type='text/css'>

Code css :

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

span { font-family: 'Holtwood One SC'; }

Solution 2 :
Sinon, tu la télécharges -> fichier .ttf -> que tu utilises dans Font Squirell Webfont Generator pour obtenir les autres extensions.

Solution 3 ? :

Code :

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

1
2
	src: url('holtwoodonesc.eot');
.....

ce code suppose que tes fichier fonts sont dans le même dossier que le fichier CSS.
Est-ce le cas ?

**dhillig** · 30/01/2016, 17h31

Bonsoir jreaux62,
Non, je ne l'avais pas fait avant, mais depuis cette correction : aucun changement sur FF

Avec <link href='https://fonts.googleapis.com/css?family=Holtwood+One+SC' rel='stylesheet' type='text/css'>
que j'étais sur le point de tester : no soucis

Mais le fait que je n'y arrive pas en ayant téléchargé la police me perturbe, car les autres polices téléchargées fonctionnent.
As-tu une explication à cela ?
Mais problème résolu !!!! Encore MERCI jreaux62

Bon week-end !
dh

Polices non reconnues sur Firefox

CSS

Discussions similaires

Partager

Partager