Posts Tagged ‘standard’

CSS 3 si suportul cross-browser

January 25th, 2010

Sa zicem ca exista doua fonturi (tipuri de litere) de tipul TrueType pe care vrei sa le folosesti la un text pe pagina ta web.

In cazul meu e vorba de Yahoo si 13Misa, ambele luate de pe dafont.com.

Metoda cea mai simpla este incarcarea lor pe serverul web si “embed” prin CSS in felul urmator:

@font-face {
font-family: “13misa”;
src: url(‘/fonts/13misa.ttf’) format(‘truetype’);
}

@font-face {
font-family: “yahoo”;
src: url(‘/fonts/yahoo.ttf’) format(‘truetype’);
}

Toate bune si frumoase, dar browserele interpreteaza in mod diferit codul pentru care fiecare dintre ei are suport deplin si oficial:

In Chrome ambele tipuri de litere sunt recunoscute si afisate

In Chrome ambele tipuri de litere sunt recunoscute si afisate

In Mozilla Firefox 3.6 arata la fel de bine

In Mozilla Firefox 3.6 arata la fel de bine

In Internet Explorer 8 insa...

In Internet Explorer 8 insa...

Standarde online. They can haz…