font-face kilka pytan

0

Witam, chcialem dodac do swojego projektu ikonki bootstrapa i w koncu znalazlem jak to zrobic, natomiast nasunelo mi sie pare pytan.

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('/fonts/bootstrap/glyphicons-halflings-regular.eot');
    src: url('/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'),
    url('/fonts/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'),
    url('/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

  1. Dlaczego jest 2x src?
  2. Dlaczego tylko w 2 src definiujemy format, a w pierwszym nie?
  3. Dlaczego w pierwszym src jest tylko eot?
  4. Co to za dopisky przy eot .eot?#iefix i przy svg .svg#glyphicons-halflingsregular?
  5. Czy w wypadku bootstrapa lub innych ikonek font-family musi korespondowac z czymkolwiek, czy moge sobie to nazwac dowolnie lub w ogole to pominac?

Przy okazji pytanie z innej beczki, zeby nie zaklada tysiaca tematow. Czy oplaca sie tworzyc osobne style np. header.css menu.css itp. i pozinej to importowac do glownego pliku style.css i ten w layout.phtml na stone?

0
  1. Hack na stare IE.
  2. Hack na stare IE.
  3. Hack na stare IE.
  4. Hack na stare IE + nie mam pojęcia, pierwszy raz się z tym spotykam.
  5. Jakaś nazwa musi być, bo jakoś musisz się do fonta odwoływać w stylach.

Bonusowe pytanie - tak, bo ułatwia to pracę. Możesz użyć preprocesora CSS (np. SASS/SCSS albo LESS), żeby złączyć wiele plików CSS w jeden (żeby nie tworzyć dodatkowych żądań HTTP). Przy okazji preprocesor dodaje wiele innych rzeczy ułatwiających pracę.

1

A ja bym powiedział, że to wszystko zbędne jest dla dzisiejszych przeglądarek wystarczy format woff, chyba, że chcesz jeszcze oszczędzić transfer to dodajesz wersje z woff2 (nie wszystko obsługuje ale przeglądarka wybierze ten lepszy, który obsłuży). format eot to tylko dla ie <= 8, a że stron pod nie się nie robi już to można olać. ttf... jeżeli chcesz wspierać 0.01% osób które zapominały zaktualizować firefoxa przez 4 lata, (woff działa od 4.0 a mamy 38.0 :p ). svg niby wektorowo więc jakość lepszą można uzyskać w praktyce nikt tego nie zauważy a i nie wszystko to obsługuje no i trzeba się liczyć z większym transferem :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1