comment définir la police «semi-gras» via css? Le poids de police de 600 ne le fait pas ressembler au caractère semi-gras que je vois dans mon fichier photoshop

Question

Je fais une conversion de photoshop en xhtml, et le concepteur du site Web a utilisé une police Myriad Pro Semi-bold qui semble bonne dans le fichier photoshop, mais quand j'essaye l'option semi-bold est css, cela ressemble à peu près à un gras normal police, qui est trop gras pour mon but. Existe-t-il un moyen d'obtenir une police semi-gras plus belle en html et css ou suis-je simplement coincé avec 'font-weight: 600;' ?

Answer 1

Dans le CSS, pour l' font-weight de la propriété, la valeur: normal par défaut, la valeur numérique de 400, et bold à 700.

Si vous souhaitez spécifier d'autres poids, vous avez besoin de donner le numéro de valeur. Ce numéro de valeur doit être pris en charge pour la famille de polices que vous utilisez.

Par exemple, vous définissez les semi-gras comme ceci:

font-weight: 600;

Voici un JSFiddle en utilisant 'Open Sans' famille de police, chargé de la au-dessus de poids.

Answer 2

Le moyen le plus pratique est réglé font-family à une valeur qui est le nom spécifique de la semibold version, tels que

font-family: "Myriad pro Semibold"

si c'est le nom. (Personnellement, j'utilise ma propre liste des polices de l'outil, qui fonctionne sur IE uniquement, à voir les polices dans mon système par des noms comme utilisable dans le CSS.)

Dans cette approche, font-weight n'est pas nécessaire (et probablement préférable de ne pas définir).

Les navigateurs Web ont été pauvres à la mise en œuvre de la police de poids par le livre: ils ont largement ne peut pas trouver le poids spécifique de la version, à l'exception de gras. La solution de contournement consiste à inclure les informations dans le nom de famille de polices, même si ce n'est pas la façon dont les choses sont censées fonctionner.

Test avec Segoe UI, qui existe souvent dans une police différente poids des versions sur les systèmes Windows, j'ai été en mesure de faire IE 9 sélectionnez la version appropriée lors de l'utilisation de la logique de l'approche (de l'utilisation du nom de famille de polices Segoe UI et différente font-weight des valeurs), mais il a échoué sur Firefox 9 et google Chrome 16 (normal et gras de travail). Sur tous ces navigateurs, par exemple la création d' font-family: Segoe UI Light fonctionne OK.

Answer 3

il est trop tard pour répondre à cela, mais pour moi, cela fonctionne bien, il suffit d'ajouter. vous pouvez le modifier selon vos besoins, c'est juste une bonne astuce que j'utilise

 text-shadow : 0 0 0 #your-font-color;