minus icon glyphicon color bootstrap css twitter-bootstrap fonts twitter-bootstrap-2

css - color - glyphicon pdf



GLYPHICONS-valor hexadecimal de la fuente del icono bootstrap (4)

¿Te refieres a estos valores hexadecimales?

.glyphicon-asterisk:before{content:"/2a";} .glyphicon-plus:before{content:"/2b";} .glyphicon-euro:before{content:"/20ac";} ...

Puedes encontrar estos en glyphicons.css aquí:

http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css

(Si solo quieres saber las clases de Glyphicons: http://getbootstrap.com/components/#glyphicons )

Me gustaría utilizar la fuente del icono de Glyphicons y necesitaría el valor hexadecimal de cada icono. Parece que no puedo encontrar ningún recurso sobre esto en el sitio web de Bootstrap ni en el sitio web de Glyphicons. Me gustaría saber cómo insertarlo en un proyecto y usarlo?

Nota: Quiero usar iconos de fuente de icono de Glyphicons NO png.

Estoy usando Bootstrap 2.3.2


Los valores hexadecimales se encuentran en la página principal de http://glyphicons.com/ en la información sobre herramientas del icono específico.


Si desea utilizar iconos de glifo con bootstrap 2.3.2, agregue los archivos de fuente de bootstrap 3 a su carpeta de proyecto y cópielo en su archivo css.

@font-face { font-family: ''Glyphicons Halflings''; src: url(''../fonts/glyphicons-halflings-regular.eot''); src: url(''../fonts/glyphicons-halflings-regular.eot?#iefix'') format(''embedded-opentype''), url(''../fonts/glyphicons-halflings-regular.woff'') format(''woff''), url(''../fonts/glyphicons-halflings-regular.ttf'') format(''truetype''), url(''../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular'') format(''svg''); }


Podemos encontrarlos mirando la hoja de estilos de Bootstrap.css , Bootstrap.css . Cada /{number} representa un valor hexadecimal, por lo que /2a es igual a 0x2a o * .

En cuanto a la fuente, se puede descargar desde http://glyphicons.com/ .

.glyphicon-asterisk:before { content: "/2a"; } .glyphicon-plus:before { content: "/2b"; } .glyphicon-euro:before { content: "/20ac"; } .glyphicon-minus:before { content: "/2212"; } .glyphicon-cloud:before { content: "/2601"; } .glyphicon-envelope:before { content: "/2709"; } .glyphicon-pencil:before { content: "/270f"; } .glyphicon-glass:before { content: "/e001"; } .glyphicon-music:before { content: "/e002"; } .glyphicon-search:before { content: "/e003"; } .glyphicon-heart:before { content: "/e005"; } .glyphicon-star:before { content: "/e006"; } .glyphicon-star-empty:before { content: "/e007"; } .glyphicon-user:before { content: "/e008"; } .glyphicon-film:before { content: "/e009"; } .glyphicon-th-large:before { content: "/e010"; } .glyphicon-th:before { content: "/e011"; } .glyphicon-th-list:before { content: "/e012"; } .glyphicon-ok:before { content: "/e013"; } .glyphicon-remove:before { content: "/e014"; } .glyphicon-zoom-in:before { content: "/e015"; } .glyphicon-zoom-out:before { content: "/e016"; } .glyphicon-off:before { content: "/e017"; } .glyphicon-signal:before { content: "/e018"; } .glyphicon-cog:before { content: "/e019"; } .glyphicon-trash:before { content: "/e020"; } .glyphicon-home:before { content: "/e021"; } .glyphicon-file:before { content: "/e022"; } .glyphicon-time:before { content: "/e023"; } .glyphicon-road:before { content: "/e024"; } .glyphicon-download-alt:before { content: "/e025"; } .glyphicon-download:before { content: "/e026"; } .glyphicon-upload:before { content: "/e027"; } .glyphicon-inbox:before { content: "/e028"; } .glyphicon-play-circle:before { content: "/e029"; } .glyphicon-repeat:before { content: "/e030"; } .glyphicon-refresh:before { content: "/e031"; } .glyphicon-list-alt:before { content: "/e032"; } .glyphicon-lock:before { content: "/e033"; } .glyphicon-flag:before { content: "/e034"; } .glyphicon-headphones:before { content: "/e035"; } .glyphicon-volume-off:before { content: "/e036"; } .glyphicon-volume-down:before { content: "/e037"; } .glyphicon-volume-up:before { content: "/e038"; } .glyphicon-qrcode:before { content: "/e039"; } .glyphicon-barcode:before { content: "/e040"; } .glyphicon-tag:before { content: "/e041"; } .glyphicon-tags:before { content: "/e042"; } .glyphicon-book:before { content: "/e043"; } .glyphicon-bookmark:before { content: "/e044"; } .glyphicon-print:before { content: "/e045"; } .glyphicon-camera:before { content: "/e046"; } .glyphicon-font:before { content: "/e047"; } .glyphicon-bold:before { content: "/e048"; } .glyphicon-italic:before { content: "/e049"; } .glyphicon-text-height:before { content: "/e050"; } .glyphicon-text-width:before { content: "/e051"; } .glyphicon-align-left:before { content: "/e052"; } .glyphicon-align-center:before { content: "/e053"; } .glyphicon-align-right:before { content: "/e054"; } .glyphicon-align-justify:before { content: "/e055"; } .glyphicon-list:before { content: "/e056"; } .glyphicon-indent-left:before { content: "/e057"; } .glyphicon-indent-right:before { content: "/e058"; } .glyphicon-facetime-video:before { content: "/e059"; } .glyphicon-picture:before { content: "/e060"; } .glyphicon-map-marker:before { content: "/e062"; } .glyphicon-adjust:before { content: "/e063"; } .glyphicon-tint:before { content: "/e064"; } .glyphicon-edit:before { content: "/e065"; } .glyphicon-share:before { content: "/e066"; } .glyphicon-check:before { content: "/e067"; } .glyphicon-move:before { content: "/e068"; } .glyphicon-step-backward:before { content: "/e069"; } .glyphicon-fast-backward:before { content: "/e070"; } .glyphicon-backward:before { content: "/e071"; } .glyphicon-play:before { content: "/e072"; } .glyphicon-pause:before { content: "/e073"; } .glyphicon-stop:before { content: "/e074"; } .glyphicon-forward:before { content: "/e075"; } .glyphicon-fast-forward:before { content: "/e076"; } .glyphicon-step-forward:before { content: "/e077"; } .glyphicon-eject:before { content: "/e078"; } .glyphicon-chevron-left:before { content: "/e079"; } .glyphicon-chevron-right:before { content: "/e080"; } .glyphicon-plus-sign:before { content: "/e081"; } .glyphicon-minus-sign:before { content: "/e082"; } .glyphicon-remove-sign:before { content: "/e083"; } .glyphicon-ok-sign:before { content: "/e084"; } .glyphicon-question-sign:before { content: "/e085"; } .glyphicon-info-sign:before { content: "/e086"; } .glyphicon-screenshot:before { content: "/e087"; } .glyphicon-remove-circle:before { content: "/e088"; } .glyphicon-ok-circle:before { content: "/e089"; } .glyphicon-ban-circle:before { content: "/e090"; } .glyphicon-arrow-left:before { content: "/e091"; } .glyphicon-arrow-right:before { content: "/e092"; } .glyphicon-arrow-up:before { content: "/e093"; } .glyphicon-arrow-down:before { content: "/e094"; } .glyphicon-share-alt:before { content: "/e095"; } .glyphicon-resize-full:before { content: "/e096"; } .glyphicon-resize-small:before { content: "/e097"; } .glyphicon-exclamation-sign:before { content: "/e101"; } .glyphicon-gift:before { content: "/e102"; } .glyphicon-leaf:before { content: "/e103"; } .glyphicon-fire:before { content: "/e104"; } .glyphicon-eye-open:before { content: "/e105"; } .glyphicon-eye-close:before { content: "/e106"; } .glyphicon-warning-sign:before { content: "/e107"; } .glyphicon-plane:before { content: "/e108"; } .glyphicon-calendar:before { content: "/e109"; } .glyphicon-random:before { content: "/e110"; } .glyphicon-comment:before { content: "/e111"; } .glyphicon-magnet:before { content: "/e112"; } .glyphicon-chevron-up:before { content: "/e113"; } .glyphicon-chevron-down:before { content: "/e114"; } .glyphicon-retweet:before { content: "/e115"; } .glyphicon-shopping-cart:before { content: "/e116"; } .glyphicon-folder-close:before { content: "/e117"; } .glyphicon-folder-open:before { content: "/e118"; } .glyphicon-resize-vertical:before { content: "/e119"; } .glyphicon-resize-horizontal:before { content: "/e120"; } .glyphicon-hdd:before { content: "/e121"; } .glyphicon-bullhorn:before { content: "/e122"; } .glyphicon-bell:before { content: "/e123"; } .glyphicon-certificate:before { content: "/e124"; } .glyphicon-thumbs-up:before { content: "/e125"; } .glyphicon-thumbs-down:before { content: "/e126"; } .glyphicon-hand-right:before { content: "/e127"; } .glyphicon-hand-left:before { content: "/e128"; } .glyphicon-hand-up:before { content: "/e129"; } .glyphicon-hand-down:before { content: "/e130"; } .glyphicon-circle-arrow-right:before { content: "/e131"; } .glyphicon-circle-arrow-left:before { content: "/e132"; } .glyphicon-circle-arrow-up:before { content: "/e133"; } .glyphicon-circle-arrow-down:before { content: "/e134"; } .glyphicon-globe:before { content: "/e135"; } .glyphicon-wrench:before { content: "/e136"; } .glyphicon-tasks:before { content: "/e137"; } .glyphicon-filter:before { content: "/e138"; } .glyphicon-briefcase:before { content: "/e139"; } .glyphicon-fullscreen:before { content: "/e140"; } .glyphicon-dashboard:before { content: "/e141"; } .glyphicon-paperclip:before { content: "/e142"; } .glyphicon-heart-empty:before { content: "/e143"; } .glyphicon-link:before { content: "/e144"; } .glyphicon-phone:before { content: "/e145"; } .glyphicon-pushpin:before { content: "/e146"; } .glyphicon-usd:before { content: "/e148"; } .glyphicon-gbp:before { content: "/e149"; } .glyphicon-sort:before { content: "/e150"; } .glyphicon-sort-by-alphabet:before { content: "/e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "/e152"; } .glyphicon-sort-by-order:before { content: "/e153"; } .glyphicon-sort-by-order-alt:before { content: "/e154"; } .glyphicon-sort-by-attributes:before { content: "/e155"; } .glyphicon-sort-by-attributes-alt:before { content: "/e156"; } .glyphicon-unchecked:before { content: "/e157"; } .glyphicon-expand:before { content: "/e158"; } .glyphicon-collapse-down:before { content: "/e159"; } .glyphicon-collapse-up:before { content: "/e160"; } .glyphicon-log-in:before { content: "/e161"; } .glyphicon-flash:before { content: "/e162"; } .glyphicon-log-out:before { content: "/e163"; } .glyphicon-new-window:before { content: "/e164"; } .glyphicon-record:before { content: "/e165"; } .glyphicon-save:before { content: "/e166"; } .glyphicon-open:before { content: "/e167"; } .glyphicon-saved:before { content: "/e168"; } .glyphicon-import:before { content: "/e169"; } .glyphicon-export:before { content: "/e170"; } .glyphicon-send:before { content: "/e171"; } .glyphicon-floppy-disk:before { content: "/e172"; } .glyphicon-floppy-saved:before { content: "/e173"; } .glyphicon-floppy-remove:before { content: "/e174"; } .glyphicon-floppy-save:before { content: "/e175"; } .glyphicon-floppy-open:before { content: "/e176"; } .glyphicon-credit-card:before { content: "/e177"; } .glyphicon-transfer:before { content: "/e178"; } .glyphicon-cutlery:before { content: "/e179"; } .glyphicon-header:before { content: "/e180"; } .glyphicon-compressed:before { content: "/e181"; } .glyphicon-earphone:before { content: "/e182"; } .glyphicon-phone-alt:before { content: "/e183"; } .glyphicon-tower:before { content: "/e184"; } .glyphicon-stats:before { content: "/e185"; } .glyphicon-sd-video:before { content: "/e186"; } .glyphicon-hd-video:before { content: "/e187"; } .glyphicon-subtitles:before { content: "/e188"; } .glyphicon-sound-stereo:before { content: "/e189"; } .glyphicon-sound-dolby:before { content: "/e190"; } .glyphicon-sound-5-1:before { content: "/e191"; } .glyphicon-sound-6-1:before { content: "/e192"; } .glyphicon-sound-7-1:before { content: "/e193"; } .glyphicon-copyright-mark:before { content: "/e194"; } .glyphicon-registration-mark:before { content: "/e195"; } .glyphicon-cloud-download:before { content: "/e197"; } .glyphicon-cloud-upload:before { content: "/e198"; } .glyphicon-tree-conifer:before { content: "/e199"; } .glyphicon-tree-deciduous:before { content: "/e200"; }