Saltar al contenido

¿Puedo obtener Bootstrap Glyphicons desde un CDN?

Luego de observar en varios repositorios y sitios webs al concluir hemos dado con la solución que te enseñamos más adelante.

Solución:

Si incluyes la hoja de estilo bootstrap.min.css en su archivo HTML como este (por ejemplo):


Luego, las fuentes Glyphicons se descargarán automáticamente desde la misma ubicación:

//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2

Esto se debe a que las fuentes se cargan usando pariente URL. Cuando el CSS en bootstrap.min.css se analiza, la URL desde la que se descargó se usa como base, no la URL de su sitio web.

Con respecto a Bootstrap precompilado: Esto es útil si desea alojar los archivos en su propio servidor web (por alguna razón). Están disponibles como un archivo zip que contiene la estructura de directorio correcta requerida para que el comportamiento anterior funcione correctamente de forma inmediata. Está etiquetado como precompilado porque, alternativamente, puede descargar los archivos fuente. Aunque los archivos CSS y JavaScript se consideran archivos fuente por derecho propio, Bootstrap utiliza un precompilador en su CSS para facilitarles la escritura de archivos grandes. También utilizan varios archivos JavaScript más pequeños que se fusionan para su publicación mediante un script de compilación. Puede ver esto en acción en su repositorio de GitHub.

Con respecto a la pregunta de Glythicon

Con la nueva versión de bootstrap (Bootstrap 4); Los Glythicons se han eliminado por completo, así que considérelos obsoletos e intente no usarlos en proyectos actuales o futuros. Dicho esto, FontAwesome es una biblioteca increíble y liviana que tiene un buen CDN y es muy fácil de usar.

CDN https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css

Si quieres ser perezoso, ¡siempre debes tratar de serlo! Use el código a continuación, como con cualquier enlace, péguelo en el encabezado de su proyecto para comenzar de inmediato.


FontAwesome es una extensa biblioteca de íconos de fuentes que puede agregar a cualquier elemento DOM a través de llamadas de clase. También es muy compatible con el navegador y no requiere ningún javascript para trabajar.

Aquí está la guía de inicio: https://fortawesome.github.io/Font-Awesome/get-started/

Y aquí están las listas de íconos: https://fortawesome.github.io/Font-Awesome/icons/

Con respecto a la pregunta precompilada vs CDN

Si no va a modificar la biblioteca de ninguna manera para su proyecto (lo que normalmente no debería hacer de ninguna manera), siempre es bueno usar un CDN en lugar de descargarlo manualmente en su proyecto. Obtendrá ganancias de rendimiento significativas y aligerará la carga de su repositorio git.

Uno de los otros beneficios de la versión precompilada es que te permite integrar el código directamente en tu interfaz. Si usa un ejecutor de tareas de nodo como gulp o grunt, puede tomar el código, modificarlo para que coincida con su tema o preferencias, luego doblarlo directamente en su código de trabajo. Esto le permite desarrollar su propio estilo de arranque.

Por lo general, sin embargo, la versión estándar está bien, ya que puede sobrescribirla con su propio css más adelante. Si esto está bien para usted, simplemente use el CDN, ya que le servirá una versión estándar de Bootstrap.

¡Espero que esto ayude!

Aquí tienes las comentarios y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *