Plusieurs de police-poids, un @font-face requête
J'ai importer la police Klavika et je l'ai reçu dans de multiples formes et de tailles:
Klavika-Bold-Italic.otf
Klavika-Bold.otf
Klavika-Light-Italic.otf
Klavika-Light.otf
Klavika-Medium-Italic.otf
Klavika-Medium.otf
Klavika-Regular-Italic.otf
Klavika-Regular.otf
Maintenant, je voudrais savoir si il est possible d'importer ceux en CSS avec un seul @font-face
-requête, où je suis à la définition de la weight
dans la requête. Je veux éviter de copier/coller la requête 8 fois.
Donc quelque chose comme:
@font-face {
font-family: 'Klavika';
src: url(../fonts/Klavika-Regular.otf), weight:normal;
src: url(../fonts/Klavika-Bold.otf), weight:bold;
}
- Ce n'est pas 1 police...c'est plusieurs polices...donc, malheureusement, je pense que vous devriez juste grin et le supporter.
- Oui désolé, c'est les différentes polices de caractères au sein de la même famille.
- Plusieurs webfont-files === différents poids
- cet article peut vous aider: 456bereastreet.com/archive/201012/... en fait, il y a une SORTE de Réponse ici: stackoverflow.com/questions/10045859/... qui utilise cette article, une alternative à ce que vous voulez comme ce que vous voulez n'est pas possible.
Vous devez vous connecter pour publier un commentaire.
Fait il y a une saveur spéciale de @font-face qui permettra juste ce que vous demandez.
Voici un exemple en utilisant la même police-nom de famille avec des styles différents et des poids associés avec les différentes polices de caractères:
Vous pouvez maintenant spécifier
font-weight:bold
oufont-style:italic
de tout élément que vous le souhaitez sans avoir à spécifier la police de la famille ou de la transgression defont-weight
etfont-style
.Pour un aperçu complet de cette fonction et l'utilisation standard de prendre un coup d'oeil à le présent article.
EXEMPLE STYLET
font-weight
valeurs (par exemple,100
,200
,300
) puisque ces noms de style ne sont pas des valeurs disponibles pourfont-weight
.font-weight:bold;
font-face déclaration retombe comme prévu.