Nemrég játszottam egy kicsit a Google Web Fonts rendszerrel.
Egyszerű és nagyszerű technológia. :)
Sajnos szembesülnöm kellett azzal, hogy a különböző böngészők a font-family értékét JavaScript-ben nem ugyanúgy kezelik. Főleg, ha az adott betűkészlet még nincs is betöltve.
Egy egyszerű CSS szabály:
.mountains {
font-family: 'Mountains of Christmas',arial,serif;
}
font-family: 'Mountains of Christmas',arial,serif;
}
Két lekérés. Az első elem a fenti CSS osztályt kapja meg, a másik elem style-ból kapja meg ugyanazt.
var el1 = Ext.getBody().createChild({
cls: 'mountains'
});
var el2 = Ext.getBody().createChild({
style: "font-family: 'Mountains of Christmas',arial,serif;"
});
Ext.getBody().createChild({
tag: 'pre',
html: el1.getStyle('font-family') + "\n" +
el2.getStyle('font-family')
});
cls: 'mountains'
});
var el2 = Ext.getBody().createChild({
style: "font-family: 'Mountains of Christmas',arial,serif;"
});
Ext.getBody().createChild({
tag: 'pre',
html: el1.getStyle('font-family') + "\n" +
el2.getStyle('font-family')
});
Eredmények:
