Heim > Web-Frontend > Bootstrap-Tutorial > So verweisen Sie auf das Bootstrap-Schriftartsymbol

So verweisen Sie auf das Bootstrap-Schriftartsymbol

藏色散人
Freigeben: 2020-11-30 15:41:52
Original
4185 Leute haben es durchsucht

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.

So verweisen Sie auf das Bootstrap-Schriftartsymbol

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');
        }
Nach dem Login kopieren

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');
   }
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage