Fonty použité v PSD a kódování šablony

Zdravím, potřeboval bych poradit. Vytvářím WP šablonu z dodaného grafického návrhu, ale mám problém s použitím fontů. V PSD jsou fonty doostřeny a já nyní řeším, jak dosáhnout alespoň podobného výsledku.

Fonty jsou nyní importovány přes CSS, (zkoušel jsem i CUFON, ale můj problém to neřeší).
Použití obrázků je nemyslitelné, jde o navigaci.

Na obr. je vlevo font v šabloně, vpravo font v návrhu. Novinky jsou ještě ok, ale partneři už ne, proto bych se chtěl zeptat někoho zkušenějšího, jak by jste problém řešili.

Hledal jsem náhradní (podobný) font v google web fonts, ale také bez výsledku.




Za všechny rady předem děkuji

Jestliže je nestandardní font použitý jen v navigaci a položek není mnoho a nebudou se měnit, tak je použití obrázků nejlepší řešení. Případně písmo zkusit tučné jestli by se to alespoň vzdáleně nedorovnalo. Jiné rozumné řešení asi nenajdeš. Krom změny v grafickém návrhu, aby se vyhlazení písma alespoň trochu blížilo uskutečnitelné realitě.

Možná by ti mohlo pomoci nastavení text-shadow v css, jedná se o css3 a nemusí to fungovat ve starších prohlížečích. Je možné tím ale docílit efektu vyhlazení.

Původně odeslal Ondřej Veřtát

Jestliže je nestandardní font použitý jen v navigaci a položek není mnoho a nebudou se měnit, tak je použití obrázků nejlepší řešení. Případně písmo zkusit tučné jestli by se to alespoň vzdáleně nedorovnalo. Jiné rozumné řešení asi nenajdeš. Krom změny v grafickém návrhu, aby se vyhlazení písma alespoň trochu blížilo uskutečnitelné realitě.

Díky za reakci, bohužel je font použit i v nadpisech (h1, h2). No nic, pokusím se ještě najít podobný font na internetu a doplním jej případně tak o diakritiku, snad to problém definitivně vyřeší.

Původně odeslal ng9

Možná by ti mohlo pomoci nastavení text-shadow v css, jedná se o css3 a nemusí to fungovat ve starších prohlížečích. Je možné tím ale docílit efektu vyhlazení.

to mě taky hned napadlo, ale výsledek není zrovna uspokojivý.

Zdravím,
pokusím se Vám v rychlosti objasnit, v čem je problém. Většina běžně používaných fontů má znaky vektorově zapsány (matematické křivky). Digitální zobrazování těchto fontů jak na monitorech, tak v tisku se ale provádí pomocí bodů (pixelů). Protoje nutné dle velkosti písma přepočítat řez znaků právě na pixely. Při tisku je běžné DPI 300, na obrazovkách většinou mluvíme o 72 DPI. Existují metody, které následně písmo vyhlazují, aby v bodech působilo co nejlépe - anti-aliasing: http://en.wikipedia.org/wiki/Spatial_anti-aliasing
V Adobe Photoshop máte u nastavení písma i nastavení metody jeho vyhlazení - photoshop se o toto vyhlazování stará sám. Na webu jsme ovšem odkázaní na font render daného OS/browseru viz: http://blog.typekit.com/2010/10/21/t...-web-browsers/
Shodou okolností jsem nedávno publikoval článek na obdobné téma na blogu cubico: http://www.cubico.cz/2012/01/windows...-render-gdipp/

Otázkou je, zda je problém s vyhlazením opravdu takový velký problém. Obrázkovému menu bych se na Vašem místě snažil také vyhnout. Nejspíše jde tedy o otázku kompromisů.

a to jste jeste urcite nezkousel vice prohlizecu, kazdy to vykresli uplne jinak... to je bohuzel problem a jedno reseni neni stejne pro vsechny prohlizece, tudiz to nema cenu resit a pokud klientovi vadi i male odchylky, bude se muset smirit s tim, ze to menu bude obrazkove (se skrytymi texty)

Původně odeslal msgexpert

a to jste jeste urcite nezkousel vice prohlizecu, kazdy to vykresli uplne jinak... to je bohuzel problem a jedno reseni neni stejne pro vsechny prohlizece, tudiz to nema cenu resit a pokud klientovi vadi i male odchylky, bude se muset smirit s tim, ze to menu bude obrazkove (se skrytymi texty)

Souhlasím...