So referenzieren Sie Schriftarten im Bootstrap

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!