Maison  >  Article  >  interface Web  >  Comment référencer les polices dans bootstrap

Comment référencer les polices dans bootstrap

(*-*)浩
(*-*)浩original
2019-07-19 14:36:184038parcourir

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 il pourra être référencé correctement.

Comment référencer les polices dans bootstrap

La clé est d'avoir les fichiers suivants : (apprentissage recommandé : Tutoriel vidéo Bootstrap )

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

Les règles CSS pertinentes sont écrites sur les fichiers bootstrap.css et bootstrap-min.css dans le dossier css du dossier dist.

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

Ainsi, la règle de police de caractères déclare en fait la famille de polices et l'emplacement où se trouvent les glyphicons.

Pour des articles plus techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap pour apprendre !

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn