[RÉGLÉ] Font Open Sans Condensed bold floue

[bmael]

Bonjour à tous,

Ca vient de moi ou la police Open Sans Condensed est floue quand on la met en bold ?

En tout cas sur mon site c'est pas très net (voir topmenu par exemple).

[ghazal]

Re : Font Open Sans Condensed bold floue

salut,
effectivement, c'est pas top du point de vue affichage.
La bonne méthode dans ce cas est de NE PAS utiliser "bold", mais "font-weight".

Méthode possible (pour Protostar)
* dans l'admin du template,
Police Google des titres : NON

* Dans index.php du template, placer cette ligne en dessus de </head>

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
</head>

tu récupères les 3 formats de Open Sans Condensed (Regular, Italic, Bold)

dans template.css ou ailleurs, tu peux donner les indications suivantes selon tes besoins :

h2 { font-family: 'Open Sans Condensed', sans-serif;font-weight: 300; } //-->Regular
h2 { font-family: 'Open Sans Condensed', sans-serif;font-weight: 300italic; } //--> Italic
h2 { font-family: 'Open Sans Condensed', sans-serif;font-weight: 700; } //--> Bold

A corriger partout où tu as besoin.

Hope it helps.

[bmael]

Re : Font Open Sans Condensed bold floue

Merci Ghazal,

J'ai mis Police Google sur non dans Protostar, j'ai mis les liens comme tu dis dans la feuille de styles et mis 700 à la place de Bold, mais maintenant je crois qu'il affiche de l'Arial Narrow à la place de l'Open Sans Condensed. C'est plus net mais aussi plus gros.

[bmael]

Re : Font Open Sans Condensed bold floue

Bon ça à l'air de fonctionner à peu près bien maintenant.
Je ne suis pas tout à fait convaincu (Open Sans Condensed ou Arial Narrow ?)...
Je passe en résolu.

[ghazal]

Re : Font Open Sans Condensed bold floue

Dans template.css, ligne 6674
tu as ceci :

h1 {
font-size: 16pt;
font-weight: bold;
line-height: 28px;
text-align: center;
text-transform: uppercase;

//et rajoute ceci, repris de la ligne 633 : padding: 40px 0;
}

Il faudrait que tu mettes :

font-weight: 700;

au lieu de :

font-weight: bold;

Résultat final :

h1{
font-family: 'Open Sans Condensed',Arial Narrow,sans;
font-size: 16pt;
font-weight: 700;
line-height: 28px;
text-align: center;
text-transform: uppercase;
padding: 40px 0;}

* Par ailleurs,
supprime tout h1 à partir de la ligne 633, où tu as ceci :

h1 {
font-family: 'Open Sans Condensed',Arial Narrow,sans;
font-size: 16pt;
font-weight: bold;
padding: 40px 0;// j'ai recollé ton padding dans le code au-dessus
text-transform: uppercase;
}

Il faut comprendre une chose importante avec les CSS :
C'est TOUJOURS la dernière ligne qui prend le dessus en cas de doublon de spécification, comme c'est le cas ici,
cad h1 défini 2 fois.