Font-weight CSS plus épais que 900?

Question

J'ai un panneau qui peut être agrandi ou réduit par un lien centré verticalement avec un symbole < ou> comme texte de lien. À font-weight: 900 cela ne ressort pas beaucoup, même avec un grand fond gris autour de lui. Je ne veux pas utiliser d'image et, pour la taille de police actuelle, les deux symboles occupent actuellement la largeur maximale du panneau.

Est-il possible d'épaissir la ligne sur les symboles au-delà de 900? Ou y a-t-il une autre alternative que je pourrais utiliser?

Merci d'avance.

Richard

Answer 1

Malheureusement, il n'y a pas de police poids plus épais que 900, et en spécifiant la police poids par le nombre varie entre les différents navigateurs. Votre meilleur pari serait d'utiliser une police plus épaisse - vous n'avez pas spécifié ce que vous utilisez, mais Impact est relativement épais et grand pour sa largeur tout en étant sûr pour le Web. Sinon, vous pouvez utiliser @ font-face pour charger dans une police différente.

Answer 2

En CSS 3, il y a une autre façon de faire la taille de police plus audacieux:

color:#888888;  
text-shadow: 2px 0 #888888; 
letter-spacing:2px; 
font-weight:bold; 

EDIT:

Pour une sorte de raison étrange, cela ne semble pas aussi jolie que cela fait plus d'une il y'a un an. Il fonctionne uniquement avec l'ombre de texte de 1px (sur les polices les plus courantes, d'autres polices plus épaisses peuvent encore fonctionner avec 2px). Et avec l'ombre de texte de seulement 1px, il n'y a pas besoin d'un grand espacement des lettres.

color:#888888;  
text-shadow: 1px 0 #888888; 
letter-spacing:1px; 
font-weight:bold; 

Answer 3

Ceci est assez épais. Mais ne fonctionne qu'avec webkit.

font-size: -webkit-xxx-large; 
font-weight: 900; 

Answer 4

Pour ajouter à la réponse Gogutz, vous pouvez aller encore plus audacieux en empilant le texte-ombre dans une grille. Les virgules séparent chacune des lignes:

.extra-bold { 
    text-shadow: 0px 1px, 1px 0px, 1px 1px; 
}