Każda prawdziwa różnica pomiędzy formatami plików czcionek

Question

mam niestandardową czcionkę w następujących formatach (z rozmiar pliku):

font.eot (66 kb)

font.svg (204kb)

font.afm (79kB)

font.otf (107kB)

font.woff (42kB)

font.pfb (130kb)

font.ttf (66 kb)

Więc dokładnie takie same czcionki ma zupełnie inny rozmiar pliku w zależności od formatu. .woff ma najmniejszy rozmiar.

Według strony @font-face na w3school, EOT działa na IE6 +, podczas gdy inne formaty pracować na IE9 + - poza tym, że nie mogę znaleźć żadnych informacji na temat różnic między tymi formatami.

Moje pytanie brzmi, czy ma jakieś znaczenie pod względem jakości lub zgodności przy wyborze formatu?

Answer 1

Absolutnie tak. Oto świetny artykuł na temat dokładnego pytania, które zadajesz.

http://www.smashingmagazine.com/2011/03/02/the-font-face-rule-revisited-and-useful-tricks/

Jest jeszcze inny rodzaj czcionki, które nie zostały wymienione i jest najbardziej zalecany Format pod względem wielkości pliku (najmniejszy) i kompatybilności przeglądarki: WOFF (Web Open Font Format).

Jeśli celujesz w IE 8 i poniżej, będziesz musiał użyć czegoś w połączeniu z WOFF. Oto przykład kierowania starszych przeglądarek:

@font-face { 
    font-family: Graublauweb; 
    src: url('Graublauweb.eot'); /* IE9 Compatibility Modes */ 
    src: url('Graublauweb.eot?') format('eot'), /* IE6-IE8 */ 
    url('Graublauweb.woff') format('woff'), /* Modern Browsers */ 
    url('Graublauweb.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('Graublauweb.svg#svgGraublauweb') format('svg'); /* Legacy iOS */ 
} 

I choć nie całkowicie „tam jeszcze” pod względem stopy adopcyjnych przeglądarki, przyszłość będzie WOFF 2.0 jako stopnie kompresji będzie blisko 30% - 50% w porównaniu do WOFF.

Oto inny zasób, który opisuje różne formaty czcionek: http://www.w3schools.com/css/css3_fonts.asp

czcionek TrueType (TTF)

TrueType jest czcionka standardowa opracowane pod koniec 1980 roku przez Apple i Microsoft. TrueType jest najpopularniejszym formatem czcionek dla systemów operacyjnych Mac OS i Microsoft Windows.

czcionek OpenType (OTF)

OpenType to format dla skalowalnych czcionek komputerowych. Został zbudowany na TrueType i jest zastrzeżonym znakiem towarowym firmy Microsoft. Czcionki OpenType są dziś powszechnie używane na głównych platformach komputerowych.

Web Open Font Format (WOFF)

WOFF to format czcionki do wykorzystania na stronach internetowych. Został opracowany w 2009 roku i jest obecnie rekomendacją W3C. WOFF to w zasadzie OpenType lub TrueType z kompresją i dodatkowymi metadanymi. Celem jest wspieranie dystrybucji czcionek z serwera do klienta za pośrednictwem sieci z ograniczeniami przepustowości.

Format Web Open Font (WOFF 2,0)

czcionki TrueType/OpenType, który zapewnia lepszą kompresję niż WOFF 1.0.

SVG Fonts/Kształty

czcionek SVG pozwalają SVG być stosowany jako glifów przy wyświetlaniu tekstu. Specyfikacja SVG 1.1 definiuje moduł czcionek umożliwiający tworzenie czcionek w dokumencie SVG. Możesz także zastosować CSS do dokumentów SVG, a regułę @ font-face można zastosować do tekstu w dokumentach SVG.

Osadzone czcionki OpenType (EOT)

czcionek EOT to kompaktowa forma czcionek OpenType zaprojektowanych przez Microsoft do wykorzystania jako czcionek osadzonych na stronach internetowych.