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

9. 2. 2012 06:39:24

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.

4839

Za všechny rady předem děkuji

9. 2. 2012 06:39:24

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729054

Ondrej Vertat

(48 hodnocení)

9. 2. 2012 11:12:18

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

9. 2. 2012 11:12:18

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729053

ng9

9. 2. 2012 11:41:00

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

9. 2. 2012 11:41:00

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729052

netbrana

(14 hodnocení)

9. 2. 2012 11:42:49

Napsal Ondřej Veřtát;756756
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ší.

9. 2. 2012 11:42:49

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729051

netbrana

(14 hodnocení)

9. 2. 2012 11:49:45

Napsal ng9;756770
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ý.

4840

9. 2. 2012 11:49:45

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729050

MArek FAjkus

12. 2. 2012 16:36:17

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/type-rendering-web-browsers/

Shodou okolností jsem nedávno publikoval článek na obdobné téma na blogu cubico: http://www.cubico.cz/2012/01/windows-7-somoother-font-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ů.

12. 2. 2012 16:36:17

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729049

Michal Brůžek

(58 hodnocení)

12. 2. 2012 16:56:40

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)

12. 2. 2012 16:56:40

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729048

MArek FAjkus

12. 2. 2012 17:51:50

Napsal msgexpert;758067
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...

12. 2. 2012 17:51:50

https://webtrh.cz/diskuse/fonty-pouzite-v-psd-a-kodovani-sablony#reply729047

Pro odpověď se přihlašte.

Přihlásit