Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Mehre Schriften für eine font-family einbinden
#1
Hallo zusammen,

ich möchte verschiedene Schriften für eine font-family einbinden. Ich habe eine Schrift für "regular", eine für "bold", eine für "italic + bold", eine für "light" usw.
Habe das ganze so versucht zu lösen (habe es bei StackOverflow gelesen, dass man es so macht):

Code:
// Regular
@font-face {
 font-family: "Meine Schrift";
 src: url("path/file.eot?#iefix");
 src: url("path/file.eot?#iefix") format("eot"), url("path/file.woff2") format("woff2"), url("path/file.woff") format("woff"), url("path/file.ttf") format("truetype"), url("path/file.svg#acbde") format("svg");
}

// Bold
@font-face {
 font-family: "Meine Schrift";
 src: url("path/file.eot?#iefix");
 src: url("path/file.eot?#iefix") format("eot"), url("path/file.woff2") format("woff2"), url("path/file.woff") format("woff"), url("path/file.ttf") format("truetype"), url("path/file.svg#acbde") format("svg");
 font-weight: bold;
}

// Italic
@font-face {
 font-family: "Meine Schrift";
 src: url("path/file.eot?#iefix");
 src: url("path/file.eot?#iefix") format("eot"), url("path/file.woff2") format("woff2"), url("path/file.woff") format("woff"), url("path/file.ttf") format("truetype"), url("path/file.svg#acbde") format("svg");
 font-style: italic;
}

// Bold, Italic
@font-face {
 font-family: "Meine Schrift";
 src: url("path/file.eot?#iefix");
 src: url("path/file.eot?#iefix") format("eot"), url("path/file.woff2") format("woff2"), url("path/file.woff") format("woff"), url("path/file.ttf") format("truetype"), url("path/file.svg#acbde") format("svg");
 font-weight: bold;
 font-style: italic;
}

//Light
@font-face {
 font-family: "Meine Schrift";
 src: url("path/file.eot?#iefix");
 src: url("path/file.eot?#iefix") format("eot"), url("path/file.woff2") format("woff2"), url("path/file.woff") format("woff"), url("path/file.ttf") format("truetype"), url("path/file.svg#acbde") format("svg");
 font-weight: lighter;
}

//Light Italic
@font-face {
 font-family: "Meine Schrift";
 src: url("path/file.eot?#iefix");
 src: url("path/file.eot?#iefix") format("eot"), url("path/file.woff2") format("woff2"), url("path/file.woff") format("woff"), url("path/file.ttf") format("truetype"), url("path/file.svg#acbde") format("svg");
 font-weight: lighter;
 font-style: italic, oblique;
}
Ich bekomme jedoch immer einen kursiven Text, wo normaler Text sein sollte. Was mache ich falsch?
Zitieren
#2
Ich hab es jetzt nach vielen rumtüfteln selbst heraus gefunden. Es lag anscheinend daran, wie ich die "Light" Variante eingebaut habe. Ich hab sie komplett raus genommen, da ich sie jetzt doch nicht verwende und siehe da, jetzt funktioniert es. Ich weiß nicht, wo man sie normalerweise hinpacken würde, vielleicht kann da ja jemand noch etwas Licht in die Sache bringen.
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste