Chybné zobrazení fontu a velikost template

Dobrý večer,

snažím se upravovat tuto free šablonu na localhostu joomavatar.com/demos/templates/j25/avatar_simple/ .
Většina věcí jde bez problému, ale nevím si rady se zobrazením fontu v IE10. Ten místo fontu helvetica zobrazuje jiný, přitom v mozille firefox i chrome funguje bez problému. Snažil jsem se dohledat články o úpravě font-face v css šabloně, ale nedaří se. Máte nějaké řešení?

Další otázka se týká proporcionálního zmenšení, nebo zvětšení template. U tohoto template je pouze možnost změny šířky za pomocí dimensions v temlate manager. Výšku není možné změnit. V css šabloně jsem určení rozměrů celého template nenašel. I kdyby to ale bylo možné, nezmenší se proporcemi. Zůstanou velké fonty i ostatní moduly, jako např. slideshow a vše se musí ručně zmenšovat. Otázka zní, zda existuje nějaká úprava v css, která jej dokáže proporcionálně změnit na potřebnou velikost. Děkuji za jakoukoliv odpověď..

No k tomu fontu nájdeš info TU .
Čo som pozeral tak ti tam chýba práve verzia pre IE a to je font s koncovkou *.eot

Tak pre ten typ "mainfont" si doplň toto
malo by to byť nejak takto:
Konvertor z TTF na EOT nájdeš TU

Snaď ti to pomôže.

A k tomu druhému problému, výška stránky by sa mala prispôsobovať obsahu. Takže ak chceš mať všade rovnakú výšku môžeš to docieliť aj samotným obsahom, nastavením v obsahu veľkosti napr. div.
No je to také nijaké ...

Zdravím a díky za odpověď! Font jsem si převedl do .eot a dal do složky fonts. CSS template jsem upravil podle doporučení na:
@font-face
{
font-family: mainfont;
src: url('fonts/HelveticaNeueLTCom-BdCn.ttf'),
url('fonts/HelveticaNeueLTPro-BdCn.otf');
src: url('fonts/HelveticaNeueLTPro-BdCn.eot);
}
@font-face
{
font-family: mainfont;
src: url('fonts/HelveticaNeueLTCom-Cn.ttf'),
url('fonts/HelveticaNeueLTPro-Cn.otf');
url('fonts/HelveticaNeueLTPro-Cn.eot');

ale v IE10 i mozille se mi rozhodí template tak jak je ukázáno v příloze. Barvy, moduly (latest news) a horní menu, tak nevím co s tím. Přitom písmo je změněno, ale vypadá jinak, než na originál šabloně. Řekl bych, že nerozlišuje tučné a regular písmo. Zkoušel jsem různě na netu studovat jiné způsoby úpravy, ale neúspěšně..

Nejde mi tu vložit ta příloha v jpg..Když kliknu na tlačítko přidat přílohu tak se nic neděje..

Já se jen chtěl zeptat, že pokud je .eot záležitost IE8 a starších, tak proč mi font na IE10 nefunguje když umí pracovat s TTF? Napadlo mně, že řešení fontu v IE je možná součástí premium templ., která už je zpoplatněna a kterou bych si i koupil, ale nerad bych aby mi to dělalo stejný problém. Nejspíš jim nejlépe napsat na support jestli odepíšou, ale myslím, že mi doporučí stejný postup s přepsáním..

No mne osobne toto riešenie pomohlo aj pri IE 10. Môže tam byť ale ešte nejaký problém skúsim ho stiahnuť.
A či to je tým, že je free si moc nemyslím lebo ani to demo v IE10 nejde dobre čo sa týka toho fontu.

A pre ten tučný font tam máš zas iný štýl:

Díky za doporučení. Zkoušel jsem ten convertor, ale došel jsem pouze ke zvolení písma a výběru exportovaného formátu. Dál se jen ukáže file in progress, ale žádný soubor se nestahuje, tak nevím jak jej uložit na disk. Jinak jsem zkoušel několik jiných convertorů a žádná změna..

Tak jsem psal na support. Spravili to asi do hod a já to řešil asi 2dny Pro toho kdo by se setkal s něčím podobným přikládám níže jakým způsobem to vyřešili. Ještě jednou díky těm, co mi odpověděli..

@font-face
{
font-family: bmainfont;
src: url('fonts/HelveticaNeueLTCom-BdCn.eot?') format('eot'),
url('fonts/HelveticaNeueLTCom-BdCn.woff') format('woff'),
url('fonts/HelveticaNeueLTCom-BdCn.ttf') format('truetype');
}
@font-face
{
font-family: mainfont;
src: url('fonts/HelveticaNeueLTPro-BdCn.eot?') format('eot'),
url('fonts/HelveticaNeueLTPro-BdCn.otf') format('opentype'),
url('fonts/HelveticaNeueLTPro-BdCn.woff') format('woff'),
url('fonts/HelveticaNeueLTPro-BdCn.ttf') format('truetype');

Tak je dobre

Ja som to mal aj takto a nešlo ale asi som tam niekde mal chybu ešte.