Cómo usar fuentes dentro de bootstrap
1. Primero, si desea utilizar bootstrap, debe descargar el archivo correspondiente del sitio web oficial.
Después de la descarga, cambie el directorio y cámbielo a su propio nombre. De esta manera,
El segundo paso es introducir bootstrap.css y jQuery en su página (bootstrap se basa en jquery, por lo que jquery es necesario)
El siguiente es el mío. Los caminos son diferentes, los amigos pueden cambiarlos por sí mismos.
El tercer paso, introduce el siguiente contenido en la página, presta atención a tu propia ruta
@ font -face {
font-family: 'Glyphicons Halflings';
src: url('./fonts/glyphicons-halflings-regular.eot');
src: formato url('. /fonts/glyphicons-halflings-regular.eot?#iefix') ('embedded-opentype'), formato url('. /fonts/glyphicons-halflings-regular.woff') ( 'woff'), url('... /fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('... /fonts/glyphicons-halflings-regular.eot?.. / fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
Posición: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
webkit-font-smoothing.antialiased;
estilo de fuente: normal;
peso de fuente: normal;
alto de línea: 1;
-moz-osx-font-smoothing: escala de grises ;
}
El cuarto paso, cuando lo use, primero busque la página web que enlaza con la fuente bootstrap. ¿Ve muchas fuentes buenas? ¿El mío? Eso es lo que se está usando ahora.
Escribe una etiqueta span en la página web y luego usa class para introducir el estilo (si quieres usar eso, simplemente copia la cadena en inglés debajo)
En Esto es lo que se muestra en la página web
(Solo tengo este icono en la página web, por lo que estará un poco distorsionado)
Por último, recomiendo encarecidamente la biblioteca de fuentes Alimama, que contiene muchas cosas y también funciona, pero creo que falta un poco el bootstrap