Heim >Web-Frontend >Bootstrap-Tutorial >So referenzieren Sie Schriftarten im Bootstrap
So referenzieren Sie Schriftarten im Bootstrap
- (*-*)浩Original
- 2019-07-19 14:36:184085Durchsuche
Tatsächlich ist es nicht nötig, die folgenden Probleme zu lösen Sie müssen nur einen Schriftartenordner erstellen und ihn im selben Verzeichnis wie die JS- und CSS-Dateien ablegen, damit er korrekt referenziert werden kann.
Der Schlüssel besteht darin, die folgenden Dateien zu haben: (empfohlenes Lernen: Bootstrap-Video-Tutorial )
glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff
Die relevanten CSS-Regeln sind in den Dateien „bootstrap.css“ und „bootstrap-min.css“ im Ordner „css“ im Ordner „dist“ geschrieben.
Bitte ändern Sie den Pfad der Schriftartendatei flexibel
<style type="text/css">
@font-face {
font-family: 'Glyphicons Halflings';
src: url('font/glyphicons-halflings-regular.eot');
src: url('font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
url('font/glyphicons-halflings-regular.woff') format('woff'),
url('font/glyphicons-halflings-regular.ttf') format('truetype'),
url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
</style>
Die Schriftartenregel deklariert also tatsächlich die Schriftartenfamilie und den Speicherort, an dem sich die Glyphikons befinden .
Weitere technische Artikel zu Bootstrap finden Sie in der Spalte Bootstrap-Tutorial.
Das obige ist der detaillierte Inhalt vonSo referenzieren Sie Schriftarten im Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!