[CSS]Nie działające fonty Opcje

[Ivanowski]

Witam. Mam problem otóż nie działa mi font w przeglądarce Chrome ale już w innych [ opera , IE ] działa format to woff
Kod raczej nie będzie potrzebny

Kod

@font-face {
    font-family: 'Blocked'; /*a name to be used later*/
    src: url('fonts_blocked.woff');
}
.server_name p {
    font-family: Blocked;
}

[freemp3]

Nie działa, ponieważ przeglądarki interpretują różne typy plików:
Internet Explorer: EOT
Safari (3.2+): TTF / OTF
iPhone (3.1): SVG
Chrome: SVG/TTF/OTF
Firefox (3.5+): TTF/OTF/WOFF
Opera (10+): TTF/OTF

Przykładowy kod:

Kod

@font-face {
  font-family: 'example';
  src: url('path/example.eot');
  src: url('path/example.eot?#iefix') format('embedded-opentype'),
  url('path/example.woff') format('woff'),
  url('path/example.ttf') format('truetype'),
  url('path/example.svg#example') format('svg');
  font-weight: normal;
  font-style: normal;
}

Mając czcionkę, najlepiej jest skorzystać z generatora, który poda Ci pliki w odpowiednich formatach oraz gotowy kod css na tacy np.:
http://www.fontsquirrel.com/tools/webfont-generator
Pamiętać trzeba jedynie o tym, żeby sprawdzić czy czcionka zawiera polskie znaki (lub inne jakich potrzebujemy) oraz w generatorze zaznaczyć, aby dodał je do plików wynikowych

[Ivanowski]

Dziwne patrzałem gdzieś i pisało, że chrome obsługuje woff.
Ale już działa dzięki