Comment référencer l'icône de la police bootstrap

Comment référencer les icônes de polices bootstrap : créez d'abord un dossier de polices ; puis placez-le dans le même répertoire que les fichiers js et css ; enfin passez "src: url('font/glyphicons-halflings-regular.eot ');" peut être utilisé pour référencer l'icône de la police.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, bootstrap version 3. Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel bootstrap"

Bootstrap cite correctement l'icône de la police :

Supplément :

En fait, il n'est pas nécessaire de passer par les problèmes ci-dessous. Il vous suffit de créer un dossier de polices et de le placer dans le même répertoire que les fichiers js et css, et vous pouvez le citer correctement. les fichiers doivent être présents :

Le premier type (veuillez modifier le chemin du fichier de police de manière flexible)

<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');
        }

Le deuxième type

<!--<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');
   }

Remarque : utilisez l'attribut font-size pour ajuster la taille de l'icône de police, afin qu'elle ne soit pas déformée.

Pour plus de connaissances sur la programmation, veuillez visiter : Apprendre la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!