Wie bette ich eine benutzerdefinierte Schriftart in CSS ein?

Ich habe kürzlich versucht, Schriftart auf meiner Website einzubetten. Ich bekomme es nicht zur Arbeit, ich habe mir Tutorials angeschaut und gelesen. Ich möchte eine Schriftart namens "Ubuntu Light" in ttf Format einbetten. Dies ist, was ich habe versucht worden:Wie bette ich eine benutzerdefinierte Schriftart in CSS ein?

#logBtn{ 
    font-family: 'UbuntuLight'; 
} 
@font-face{ 
font-family: "UbuntuLight"; 
src: url("CSS/Ubuntu-L.ttf"); 
}

Und die Datei im Ordner: Treeview of project

ich dies fast neu bin, ich habe jetzt in vielleicht 4 Monaten HTML und CSS wurde Codierung. Ich habe mich schon vorher daran gehalten, und das hat mich gezwungen, mein Projekt abzubrechen, weil ich aufgegeben habe. Aber ich möchte nicht wieder aufgeben. So würde ich wirklich etwas Hilfe schätzen! :)

Quelle

2016-05-12 Tobias Rasmussen

Ich empfehle wirklich https://www.google.com/fonts/ Dazu gehört die Schriftart, die Sie derzeit benötigen, und Tausende anderer, ich habe nicht gesucht, aber es ist, weil Sie die Schriftart importieren, nachdem es verwendet wird ? - Versuchen Sie auch, das einfache Apostroph zu entfernen. – ConorReidd

Haben Sie die Schriftart über einen Webfont-Generator wie https://www.fontsquirrel.com/tools/webfont-generator konvertiert, bevor Sie sie zu Ihrem Projekt hinzufügen? – drip

Sie eine Schriftart schnell und einfach einbinden, indem Sie diesen Code verwenden:

@font-face { 
    font-family: 'Name'; 
    src: url('Font.ext'); 
    font-weight: 400; 
    font-style: normal; 
}

Wo Font.ext sollte mit Ihrer Schriftart Datei und seiner Erweiterung (Dateityp) ersetzt werden z

Quelle: URL ('Ubuntu-L.ttf');

Und die folgenden font-weight und font-style soll die bestimmte Schriftart Wahl Referenzierung werden.

Quelle

2016-05-13 13:41:23 snkv

Ok, vielen Dank! :) –

Aber es funktioniert nicht. Könntest du bitte sehen, was ich falsch gemacht habe? Dies ist der ** Code **: '#logBtn { Schriftfamilie:" UbuntuL "; Schriftgröße: 30px; Farbe: weiß; } @ font-face { Schriftfamilie: 'UbuntuL'; Quelle: URL ('UbuntuL.ttf'); Schriftgewicht: 400; font-style: Licht; } 'Vielleicht einfacher, hier zu sehen: https://i.gyazo.com/f1d365053f57ade7476bb886b1f34b86.png –

Ihre Schriftart-Gesichtserklärung sollte immer an der Spitze Ihrer CSS-Datei sein, @SynomousArtz – snkv

Der Pfad url(...) ist relativ zum Stylesheet.

Deshalb, weil Ihr Sheet im CSS Ordner Sie brauchen nicht zu schließen, dass in der URL:

@font-face{ 
    font-family: "UbuntuLight"; 
    src: url("Ubuntu-L.ttf"); 
}

Quelle

2016-05-12 19:41:04 Quantastical

Wie bette ich eine benutzerdefinierte Schriftart in CSS ein?

Antwort

Verwandte Themen