Chybné zobrazení fontu a velikost template

sUNSHINE02
21. srp 2013 21:30 #110229
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ěď..

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od svito
21. srp 2013 22:48 - 21. srp 2013 22:53 #110231
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
src: url('fonts/HelveticaNeueLTCom-Cn.eot');

malo by to byť nejak takto:
@font-face
{
	font-family: mainfont;
	src: url('fonts/HelveticaNeueLTCom-Cn.ttf'),
		url('fonts/HelveticaNeueLTPro-Cn.otf');
src: url('fonts/HelveticaNeueLTCom-Cn.eot');
}

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é ... :)
Poděkovali: sUNSHINE02

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
22. srp 2013 01:36 #110238

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.
Poděkovali: sUNSHINE02

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od sUNSHINE02
22. srp 2013 20:50 #110248
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ě..

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od sUNSHINE02
22. srp 2013 20:53 #110249
Nejde mi tu vložit ta příloha v jpg..Když kliknu na tlačítko přidat přílohu tak se nic neděje..

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od sUNSHINE02
22. srp 2013 21:00 #110250
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..

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od svito
22. srp 2013 21:52 - 22. srp 2013 22:02 #110251
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:
@font-face
{
	font-family: bmainfont;
	src: url('fonts/HelveticaNeueLTCom-BdCn.ttf'),
		url('fonts/HelveticaNeueLTPro-BdCn.otf');
}
Poděkovali: sUNSHINE02

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
23. srp 2013 00:18 #110254
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ů?

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od Cony
23. srp 2013 02:10 #110255
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.
Poděkovali: sUNSHINE02

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od sUNSHINE02
24. srp 2013 21:16 #110282
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..

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od sUNSHINE02
28. srp 2013 15:51 #110411
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');

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.

Odpověď od svito
28. srp 2013 16:35 #110413
Tak je dobre :)

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

Pro možnost přispívání do fóra je nutné: Přihlásit se nebo Vytvořit účet.