Besoins d'avis sur nouveau site

as tu mis les fichiers de font sur ton serveur distant ?
si oui ou ?

Bonjour,

Vous dites: "Helvetica Light 45"

ce sont des fontes Windows.... Elles ne seront pas visibles sur une tablette ou un téléphone mobile....

par expérience:
- en 2010 j'avais moins de 1% de visiteurs par tablette,
- aujourd'hui, en 2014 j'ai entre 20 à 40% de visiteurs par tablette....

1er problème : tous les navigateurs n'intègrent pas la fonction @font-face
Les anciennes versions d'Internet Explorer ne comprennent pas l'instruction @font-face

2ème problème : tous les navigateurs ne savent pas lire les mêmes famille de polices.
C'est un peu comme si certains navigateurs pouvaient lire le format ".jpg", et pas le format ".png". Pour qu'une police de caractère soit lisible sur tous les navigateurs, il faut donc proposer les différents formats possibles pour une même police dans votre feuille de style.

3ème problème : à moins de les acheter, vous ne pouvez utiliser que des polices libres de droit.
Certaines polices de caractère peuvent être utilisées pour un site non commercial mais pas pour un site commercial, etc. A vous donc de trouver la police qui convient.

Pour avoir le maximum de contrôle sur l'affichage, il est donc aussi important de déterminer les polices alternatives ainsi que la famille.

font-family: Arial, Helvetica, Verdana, sans-serif;
Police souhaitée : Arial
Police alternative : Helvetica et verdana
Famille : sans-sérif

Voici la liste des Web-safe fonts (PC, Mac, Linux) :

--SERIF--
Georgia
Times New Roman

--SANS-SERIF--
Andale Mono
Arial
Arial Black
Impact
Trebuchet MS
Verdana
Webdings

--CURSIVE--
Comic Sans MS

--MONOSPACE--
Courier New

Et proposez toujours une alternative à une fonte, exemple:

body, td, a, p, .h {
    font-family: arial,sans-serif;
}

ici on propose ARIAL et SANS-SERIF

alors que sur votre site:

font-family: "HelveticaNeueLT Com 25 UltLt";

qui est une fonte inconnue sur mon PC. Résultat: affichage "moche" en Courrier!!!!

A+

j'ai pas compris

ne pas confondre fichier et dossier

si ta police s'appelle par ex
515167237-HelveticaNeueLTCom-Lt.eot'
que lu l'as mise dans un dossier Polices

tu auras n'auras pas
src: url('515167237-HelveticaNeueLTCom-Lt.eot');

mais

src: url('Polices/515167237-HelveticaNeueLTCom-Lt.eot'');

pour en savoir plus
https://www.alsacreations.com/astuce/lire/78-quelle-est-la-diffrence-entre-les-chemins-relatifs-et-absolus.html

et evite les nom trop compliqué renomme ca avec un nom plus simple

déja tu n'as pas mis les quotes et tu n'a pas mis les formats

essaie comme ca

@font-face{
font-family : "maFonte";

src : url('Fonts/Light.eot'); /* Pour IE9 */
src : url('Fonts/Light.eot?') format('eot),
url('Fonts/Light.woff') format('woff'),
url('Fonts/Light.svg#abcd') format('svg'),
url('Fonts/Light.ttf') format('truetype');
}

body { height:100%; font-family: "maFonte";
direction: ltr; font-size:100%; }

h4 {
font-family: "maFonte";
font-size:1em;
}

si ca marche après essaie de rajouter les font-weight