2015-03-21 10 views
6

Sto scrivendo un lavoro di seminario su Twitter Bootstrap. Dovrei implementare una descrizione di tutti i file nel file bootstrap, ma non so quali file singoli nella cartella dei caratteri facciano esattamente.Cartella dei caratteri di bootstrap

├── glyphicons-halflings-regular.eot 
    ├── glyphicons-halflings-regular.svg 
    ├── glyphicons-halflings-regular.ttf 
    ├── glyphicons-halflings-regular.woff 
    └── glyphicons-halflings-regular.woff2 

C'è qualcuno che potrebbe descrivere l'utilizzo di questi 5 file?

risposta

10

Sono solo diversi formati del carattere Glyphicons, per funzionare con diversi browser. Vedere this page per una spiegazione a portata di mano:

questo è il metodo con il più profondo supporto possibile in questo momento:

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('webfont.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
} 

Vedere le corresponding lines in the Bootstrap LESS source.

+0

L'OP ha chiesto l'utilizzo di questi file e ho anche questa domanda. I file sopra riportati sono inclusi nel file zip scaricato con [download di avvio di base] (http://getbootstrap.com/getting-started/#download). È chiaro cosa fare con i file 'css' e' js', ma questi file di font devono essere inclusi nel sito web? Se sì, dove? Se 'css' è memorizzato in' public_html/css/bootstrap.css' e 'js' sotto' public_html/js/bootstrap.min.js' - dove mettere questi file di font? – gibberish

+2

La posizione predefinita in cui Bootstrap cerca quei file font è in '../fonts', relativamente all'URL del file CSS. Nel tuo caso, questo significa metterli in una directory 'public_html/fonts /'. Questo aiuta? – GregL

+0

Molto, Greg; esattamente quello che volevo sapere. Grazie mille per la risposta. +1 – gibberish

Problemi correlati