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é ...

svito napsal: Čo som pozeral tak ti tam chýba práve verzia pre IE a to je font s koncovkou *.eot

EOT je záležitost (naštěstí) IE8 a starších, novější IE už umí pracovat s TTF fonty.

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:

IE10 by určitě měl umět pracovat i s formátem eot. Těžko říct proč nezobrazuje ten ttf font, možná bych zkusil upřednostnit otf před ttf, nebo ještě jiné formáty (woff). To eot je opravdu taková poslední výspa, je to velké, a konvertory to obvykle převedou dost kostrbatě. Napadá mne - nemusí se někde v IE povolovat (resp. nejde to zakázat) používání fontů?

Tak podle tohoto zdroje (a je to přímo Microsoft) musí být ve vlastnostech TTF a OTF fontu nastaveno povolení "installable", pokud není, IE neumí s fontem nepracuje. To by nemělo platit u WOFF a EOT formátu, proto zřejmě ten EOT fungoval.

Zkuste tento online convertor a nechte si ttf i otf vygenerovat znovu, třeba to pomůže.

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.