Pregunta Bootstrap 3 Glyphicons CDN


¡PRESTA ATENCIÓN!

Los iconos de Bootstrap están de vuelta después esta combinación de solicitud de extracción.


Después de ir y venir en esto durante las últimas dos semanas, he decidido restaurar la fuente del icono de Glyphicons al repositorio principal. Dado lo prevalentes que son los íconos en las IU, probablemente sea un perjuicio para la mayoría de las personas no incluirlos (o alguna otra fuente de íconos) en el mismo lugar que el CSS y el JS.

Con esta actualización viene lo siguiente:

  • Restaura la documentación (en la página Componentes)
  • Nuevas variables @icon-font-path y @icon-font-name, para mayor flexibilidad al agregar y eliminar fuentes de iconos
  • Actualizaciones a los últimos Glyphicons (agregando 40 iconos nuevos)
  • Elimina el antiguos Glyphicons mencionan desde la página CSS

Trabajaremos para mejorar la personalización de las fuentes de los iconos en el futuro, de manera que intercambiar las bibliotecas de fuentes puede ser más fácil (que fue toda la motivación para la eliminación original).


¿Cuál es la URL CDN de la nueva versión de Twitter Bootstrap Glyphicons?

Desde el Bootstrap 3 fueron movidos a un repositorio separado, pero no encontré ningún CDN.

De la documentación oficial:

Con el lanzamiento de Bootstrap 3, los iconos se han movido a un repositorio separado. Esto mantiene el proyecto principal lo más esbelto posible, facilita a las personas intercambiar bibliotecas de iconos y hace que las fuentes del icono de Glyphicons estén más disponibles para más personas fuera de Bootstrap.

Sobre el página web oficial no proporcionan una URL CDN para iconos.

¿Dónde puede encontrarlo? No quiero descargar el repositorio e incluirlo en mi proyecto.


76
2017-08-14 03:45


origen


Respuestas:


Con el reciente lanzamiento de bootstrap 3, y los glyphicons se fusionaron de nuevo al repositorio principal de Bootstrap, Bootstrap CDN ahora está sirviendo el css completo de Bootstrap 3.0 que incluye Glyphicons. La referencia de Bootstrap css es todo lo que necesita incluir: los glifos y sus dependencias están en rutas relativas en el sitio CDN y se mencionan en bootstrap.min.css.

En html:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

En css:

 @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css");

Aquí hay un trabajo manifestación.

Nota que tienes que usar .glyphicon clases en lugar de .icon:

Ejemplo:

<span class="glyphicon glyphicon-heart"></span>

También tenga en cuenta que aún necesitarías incluir bootstrap.min.js para el uso de los componentes JavaScript de Bootstrap, vea Bootstrap CDN para url.


Si quieres usar los Glyphicons por separado, puedes hacer eso al hacer referencia directamente a los glyphicons css en Bootstrap CDN.

En html:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

En css:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

Desde el css el archivo ya incluye todas las dependencias Glyphicons necesarias (que están en una ruta relativa en el sitio Bootstrap CDN), agregando el css archivo es todo lo que hay que hacer para comenzar a usar Glyphicons.

Aquí hay un trabajo manifestación de los Glyphicons sin Bootstrap.


131
2017-08-14 07:17



Una alternativa sería usar Font-Awesome para iconos:

Incluye Font-Awesome

Abierto Font-Awesome en CDNJS y copie el URL de CSS de la última versión:

<link rel="stylesheet" href="<url>">

O en CSS

@import url("<url>");

Por ejemplo (nota, la versión cambiará):

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">

Uso:

<i class="fa fa-bed"></i>

Contiene muchos iconos!


27
2017-08-14 03:54



Aunque Bootstrap CDN restauró los glyphicons a bootstrap.min.css, los archivos Bootswatch CDS Bootswatch css no incluyen glyphicons.

Por ejemplo, el tema Amelia: http://bootswatch.com/amelia/ 

Default Amelia tiene glyphicons en este archivo: http://bootswatch.com/amelia/bootstrap.min.css 

Pero el archivo css de Bootstrap CDN no incluye glyphicons: http://netdna.bootstrapcdn.com/bootswatch/3.0.0/amelia/bootstrap.min.css

Así que como @edsioufi mencionó, debes incluir que debes incluir glphicons css, si usas archivos de Bootswatch desde el CDN bootstrap. Archivo: http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css


2
2017-09-17 18:40