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:184047parcourir
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.
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!