Verwenden Sie zwei verschiedene Gewichte von Google Roboto Schriftart

Question

Also im Grunde importieren Sie die Roboto Schriftart mit <link href="https://fonts.googleapis.com/css?family=Roboto:900" rel="stylesheet"> aber beachten Sie die Roboto:900 Teil. Wäre es möglich, dass ich sowohl Roboto:900 als auch Roboto:300 auf derselben Webseite importiere? Ich habe versucht, nur Roboto verwenden, dann setzen Sie die font-weight in der CSS, aber es hat nicht funktioniert.

Ideen? Danke

Seitliche Anmerkung: Roboto:900 ist mutiger Stil, Roboto:300 ist dünner Stil.

Answer 1

sollte diese Arbeit:

<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'> 

Wenn Sie Sie so viele Schriftschnitte wie Sie möchten ‚Verwendung‘ in Google Fonts klicken wählen, indem Sie die Kästchen ankreuzen können. Je mehr Sie importieren, desto langsamer wird Ihre Website, aber 2 Schriftstärken sollten in Ordnung sein.

Answer 2

Diese

funktionieren sollte

<link href='https://fonts.googleapis.com/css?family=Roboto:300,900' rel='stylesheet' type='text/css'> 

CSS

.light{ 
font-weight:300; 
} 
.bold{ 
font-weight:900; 
}