So verweisen Sie auf das Bootstrap-Schriftartsymbol

So referenzieren Sie Bootstrap-Schriftartensymbole: Erstellen Sie zuerst einen Schriftartenordner und legen Sie ihn dann im selben Verzeichnis wie die JS- und CSS-Dateien ab. Verweisen Sie einfach auf das Schriftartensymbol.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootstrap-Version 3. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „Bootstrap-Tutorial“

Bootstrap zitiert Schriftartensymbole korrekt:

Zusätzlich:

Tatsächlich ist es nicht nötig, die folgenden Probleme zu lösen. Sie müssen nur einen Schriftartenordner erstellen und ablegen Es befindet sich im selben Verzeichnis wie die JS- und CSS-Dateien. Der Schlüssel ist, dass die folgenden Dateien vorhanden sein müssen:

Der erste Typ (bitte ändern Sie den Pfad der Schriftartdatei 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');
        }

Der zweite Typ

<!--<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('font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
   }

Hinweis: Verwenden Sie das Attribut „font-size“. Ändern Sie die Größe von Schriftsymbolen ohne Verzerrung.

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmieren lernen! !

Das obige ist der detaillierte Inhalt vonSo verweisen Sie auf das Bootstrap-Schriftartsymbol. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!