Bonjour à tous,
je suis débutant dans le développement web et depuis deux jours je m'arrache les cheveux avec un problème de compatibilité des polices que je veux utiliser pour mon site. j'implore donc votre aide
je m'explique:
J'ai utilisé la propriété @font-face pour intégrer dans mon site une police achetée et téléchargée sur le web. Elle fonctionne très bien sur chrome, safari, firefox et IE 10.
Cependant on m'a rapporté qu'elle ne fonctionnait pas sur les version de IE antérieures à la 10...
j'ai testé toutes les manières que j'ai pu trouver dans les tutos ou les forums de rédiger une règle @font-face, en vain.
Toutes ces manières d'appeler ma police fonctionnent sur les navigateurs que j'ai citer au début, mais pas sur les versions de IE antérieures à la 10..
Mon erreur est certainement bête, et l'astuce est sûrement simple, mais votre aide me serait précieuse
j’espère avoir été assez clair dans l'énoncé de mon problème,
merci d'avance les amis,
je suis débutant dans le développement web et depuis deux jours je m'arrache les cheveux avec un problème de compatibilité des polices que je veux utiliser pour mon site. j'implore donc votre aide
je m'explique:
J'ai utilisé la propriété @font-face pour intégrer dans mon site une police achetée et téléchargée sur le web. Elle fonctionne très bien sur chrome, safari, firefox et IE 10.
Cependant on m'a rapporté qu'elle ne fonctionnait pas sur les version de IE antérieures à la 10...
j'ai testé toutes les manières que j'ai pu trouver dans les tutos ou les forums de rédiger une règle @font-face, en vain.
/* 1ere maniere */
@font-face {
font-family: 'SansaPro-Normal';
src: url('../polices/SansaPro-Normal.eot');
src: url('../polices/SansaPro-Normal.eot') format('embedded-opentype'),
url('../polices/SansaPro-Normal.woff') format('woff'),
url('../polices/SansaPro-Normal.ttf') format('truetype'),
url('../polices/SansaPro-Normal.svg#SansaPro-Normal') format('svg');
font-weight: normal;
font-style: normal;
}
/* 2eme maniere */
@font-face {
font-family: 'SansaPro-Normal';
src: url('../fonts/SansaPro-Normal.eot');
src: url('../fonts/SansaPro-Normal.eot?#iefix') format('embedded-opentype'),
url('../polices/SansaPro-Normal.woff') format('woff'),
url('../polices/SansaPro-Normal.ttf') format('truetype'),
url('../polices/SansaPro-Normal.svg#SansaPro-Normal') format('svg');
font-weight: normal;
font-style: normal;
}
/* 3eme maniere */
@font-face {
font-family: 'SansaPro-Normal';
src: url('../fonts/SansaPro-Normal.eot');
src: local(':)'),
url('../polices/SansaPro-Normal.woff') format('woff'),
url('../polices/SansaPro-Normal.ttf') format('truetype'),
url('../polices/SansaPro-Normal.svg#SansaPro-Normal') format('svg');
font-weight: normal;
font-style: normal;
}
Toutes ces manières d'appeler ma police fonctionnent sur les navigateurs que j'ai citer au début, mais pas sur les versions de IE antérieures à la 10..
Mon erreur est certainement bête, et l'astuce est sûrement simple, mais votre aide me serait précieuse
j’espère avoir été assez clair dans l'énoncé de mon problème,
merci d'avance les amis,