mehrere Dateien für mehrere Font-Weight mit @ font-face

Ich habe mehrere Schriftdateien und ich brauche es, um es auf einige Schriftarten zu mappen.mehrere Dateien für mehrere Font-Weight mit @ font-face

@font-face { 
    font-family: "custom-font"; 
    src: url("font300.eot"); 
    src: url("font300.eot?#iefix") format("embedded-opentype"), 
     url("font300.woff2") format("woff2"), 
     url("font300.woff") format("woff"), 
     url("font300.ttf") format("truetype"), 
     url("font300.svg#font-300") format("svg"); 
    font-weight: 300, normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: "custom-font"; 
    src: url("font500.eot"); 
    src: url("font500.eot?#iefix") format("embedded-opentype"), 
     url("font500.woff2") format("woff2"), 
     url("font500.woff") format("woff"), 
     url("font500.ttf") format("truetype"), 
     url("font500.svg#font500") format("svg"); 
    font-weight: 500, bold; 
    font-style: normal; 
}

Ich brauche font-weight Anzahl abzubilden und fett/normal, ist es möglich? Das funktioniert nicht. Ich möchte nicht den gesamten Font-Face-Block duplizieren.

Welche Schriftarten werden für das Web benötigt? Kann ich etwas weglassen? (EOT, woff2, woff, ttf, svg)

Sie danken

Quelle

2017-02-08 Dawe

Mögliches Duplikat von [Mehrere Schriftgewichte, eine @ font-face Abfrage] (http: // stackoverfl ow.com/questions/28279989/multiple-font-weights-one-font-face-query) – Vixed

Nicht genau ein Duplikat. soweit ich verstehe, das OP möchte nicht die gleiche Schriftart Datei zu verschiedenen Gewichtungen hinzufügen, aber will nur die numerische und die String-Notation des Gewichts – Connum

Keine Notwendigkeit, das zu tun, die font-weight Werte automatisch auf die entsprechenden Zahlen beheben, finden https://developer.mozilla.org/de/docs/Web/CSS/font-weight Also nur die Regel machen entweder für die Nummer oder die Kurzschrift.

Schriftart hängt davon ab, welche Clients Sie unterstützen möchten. Für die Unterstützung von jedem der Formate finden Sie unter:

EOT: http://caniuse.com/#feat=eot

WOFF: http://caniuse.com/#feat=woff

WOFF2: http://caniuse.com/#feat=woff2

SVG: http://caniuse.com/#feat=svg-fonts

TTF/OTF: http://caniuse.com/#feat=ttf

Quelle

2017-02-08 12:52:46 Connum

Problem mit ist, dass ich 300 bis 100, 500 neu zuordnen müssen zu 300, 700 zu 500 usw. – Dawe

Dann müssen Sie es mit Zahlen definieren und sicherstellen, dass die Zahlennotation überall verwendet wird. Ich bin mir ziemlich sicher, dass Sie die Zuordnung der String-Notation zu den Zahlenwerten nicht überschreiben können. – Connum

mehrere Dateien für mehrere Font-Weight mit @ font-face

Antwort

Verwandte Themen