2015-03-21 9 views
6

Piszę pracę seminaryjną na temat Twitter Bootstrap. Powinienem zaimplementować opis wszystkich plików w pliku bootstrap, ale nie wiem, co dokładnie robią pojedyncze pliki w folderze czcionek.Folder czcionek Bootstrap

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

Czy jest ktoś, kto mógłby opisać wykorzystanie tych 5 plików?

Odpowiedz

10

Są to po prostu różne formaty czcionek Glyphicons, do pracy z różnymi przeglądarkami. Zobacz this page do poręcznej wyjaśnienia:

Jest to metoda z najgłębszego możliwego wsparcia w tej chwili:

@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 */ 
} 

Zobacz corresponding lines in the Bootstrap LESS source.

+0

OP poprosił o użycie tych plików, a także mam to pytanie. Powyższe pliki są zawarte w pliku zip pobranym za pomocą [podstawowego pobierania bootstrapu] (http://getbootstrap.com/getting-started/#download). Jest jasne, co zrobić z plikami 'css' i' js', ale czy te pliki czcionek muszą być zawarte na stronie? Jeśli tak, to gdzie? Jeśli 'css' jest przechowywany w' public_html/css/bootstrap.css' i 'js' w katalogu' public_html/js/bootstrap.min.js' - gdzie można umieścić te pliki czcionek? – gibberish

+2

Domyślne miejsce, w którym Bootstrap szuka tych plików czcionek, znajduje się w '../ fonts', w odniesieniu do adresu URL pliku CSS. W twoim przypadku oznacza to umieszczenie ich w katalogu 'public_html/fonts /'. To pomaga? – GregL

+0

Bardzo, Greg; dokładnie to, co chciałem wiedzieć. Dzięki tony za odpowiedź. +1 – gibberish