Komentáře k článku

Fonty a web včera, dnes a zítra

Myslíte si, že na webu můžete stále používat jen tři základní písma a zbytek musíte vyřešit jinak? Nebo že web a typografie nejde dohromady? Nové prohlížeče umožňují pracovat s písmy velice komfortně díky CSS3 a @font-face. Ovšem není vše tak jednoduché, jak by se mohlo ze specifikace zdát…

Zpět na článek

23 komentářů k článku Fonty a web včera, dnes a zítra:

  1. enumag

    Podpora v prohlížečích a vyhlazování

    Myslel jsem, že EOT podporuje pouze IE, ale článek tvrdí, že tento formát podporují i ostatní – je to opravdu tak?

    Ke konci článku zmiňujete, že OTF fonty vzpadají lépe než TTF. Screenshoty ale říkají opak. Jak to tedy je?

    Mohl byste mi poradit, kde hledat fonty s podporou českých znaků? Na fontsquirrel je takových málo a není způsob, jak je najít. Fonty z http://www.ceskefonty.cz mají v 90% případů problém s vyhlazováním ve všech prohlížečích, nebo špatně nastavuji fontsquirrel generátor.

    1. macan

      Re: Podpora v prohlížečích a vyhlazování

      s tim EOT mate pravdu – patrne jsem si pri upravach zkopiroval nasledujici radek pro TTF.

      OTF fonty vypadaji lepe v nekterych prohlizecich a v nekterych operacnich systemech. Pri testovani jsem narazil i na to, ze treba IE8 na ruznych OS (win7 a win2008 server) vykresluji stejnou stranku jinak.
      Nenasel jsem jednoznacnou odpoved na to – pouzijte tento font a bude vsude vypadat skvele.

      Cesky font se da najit i na http://www.google.com/webfonts

      1. karf

        Re: Podpora v prohlížečích a vyhlazování

        Na google web fonts? To by mě zajímalo, jak tam hledáte české fonty. Dokonce i fonty, které jsou v originálu s českými znaky, jsou v GWF osekané na základní latinku (např. Droid).

        OTF fonty mohou obsahovat jak postscriptové outlines, tak truetypové. Na win se postscriptové fonty zobrazují pěkně v případě zapnutého vyhlazování, protože se neuplatňuje automatický truetypový hinting, který narušuje kresbu písma. Nicméně většina písem povoluje v licenci pro webfonts pouze truetype varianty.

        Nejlepší je použít FontSquirrel generátor, který fonty optimalizuje velmi dobře s ohledem na všechny nejpoužívanější platformy.

        1. buff

          Re: Podpora v prohlížečích a vyhlazování
          Před časem jsem si dal tu práci a našel písma na GWF s podporou češtiny. Možná se od té doby něco změnilo (spíš ne), ale tehdy to byla tato písma:

          • Cantarell
          • Crimson Text
          • Droid Sans Mono
          • GFS Neohellenic
          • GFS Didot
          • IM Fell *
          • Inconsolata
          • Josefin Sans Std Light
          • Neuton
          • OFL Sorts Mill Goudy TT
          • PT Sans *
          • Reenie Beanie

          Třeba vám to poslouží.

          1. liborse

            Re: Podpora v prohlížečích a vyhlazování

            Ale to se mi hodí. :-) Nicméně mám problém na Androidu, který diakritiku zčásti ignoruje a docela mi to vadí. Nezná někdo řešení, jak mít „jiná“ písma s diakritikou i na mobilu s Androidem, resp. na iPhonu?

  2. Mat

    Myslíte si, že na webu můžete stále používat jen tři základní písma a zbytek musíte vyřešit jinak?

    Ne nemyslíme, protože nepoužíváme Linux s jeho komickým setem ošklivých písem (výjimkou budiž poslední edice Ubuntu) ale Windows či Mac, který má písma na úrovni…

    1. abeceda

      Re: Myslíte si, že na webu můžete stále používat jen tři základní písma a zbytek musíte vyřešit jinak?

      „nemyslíme, protože nepoužíváme Linux“

      dekujeme, to nam vsem staci ;)

      1. Čelo

        Re: Myslíte si, že na webu můžete stále používat jen tři základní písma a zbytek musíte vyřešit jinak?

        Nebylo by od věci mluvit jen sám za sebe.

  3. CrazyJoe

    Firefox

    Ať na ty screenshoty koukám, jak koukám, Firefox vykresluje nejhnusněji, bez ohledu na platformu. I to je důvod, proč jako hlavní prohlížeč používám Chrome.

  4. zzen

    Váha jinde než na Windows?

    Velmi příjemě mne překvapila Opera na Linuxu a celkově mi přijde kvalita vykreslení nejlepší na OS X, ve všech prohlížečích (žádné překvapení).

    Ale má autor nějaké vysvětlení pro to, proč váha písma (tloušťka) je zohledněná jenom pod Windows? Trochu mi to přijde jako chyba na straně autora.

    1. liborse

      Re: Váha jinde než na Windows?

      Já nevím jak vám, ale nejlépe mi na Ubuntu vykresluje Firefox a Chrome, pak asi Opera. Pak jsem si pustil Windows (nejprve Vistu a pak Seven) a upřímně – ve starších IE po vyhlazování ani stopy a upřímně – vypadalo to hnusně. V devítce to myslím bylo ok. Ostatní si moc nepamatuju. Windows nerad používám, protože je těžce nepřehledný. ;)

      1. macan

        Re: Váha jinde než na Windows?

        mam stejnou zkusenost. Az IE9 docela kladne prekvapil. Libilo se mi vyhlazovani na MACu. Nevim, jak je na tom treba Vista, nemel jsem je po ruce.

  5. Kulisek

    Proc cesi neumeji psat poutave tutorialy

    aby byli poucne – ctive a clovek z nich mel radost? Tohle je pratele nuda

    1. Martin Malý

      Re: Proc cesi neumeji psat poutave tutorialy

      Otázka zní jinak – proč v článku o historii fontů a o tom, jak jednotlivé formáty různé prohlížeče vyhlazují, hledá někdo „poučný a poutavý tutoriál“, a ještě z toho obviňuje čechy en bloc?

  6. maryo

    Re: Fonty a web včera, dnes a zítra

    Diky za clanek. Sice je to jen takove shrnuti, ale aspon neco :).
    Ten „pozorny ctenar“ co psal o tom s tim OTF ze vypada lip pod Windows jsem byl mozna ja… Jeste jsem to pak trochu studoval a dosel jsem k zaveru, ze pricina je asi v tom, ze kazdy format ma jinak udelany „hinting“ (tj. optimalizace pisma pro vykreslovani na monitoru)… A zjednodusene receno je hinting pro OpenType formaty jednodussi udelat nez pro TrueType formaty, ale zase propracovany hinting pro TrueType formaty muze docilit lepsich vysledku. Takze to nejspis zalezi font od fontu… Ale v tech vetsich velikostech jsem se jeste s pekne vyhlazenym TTF fontem… Ale i Arial ve vetsich velikostech na Windows vypada priserne a v OTF ci WOFF nektere fonty jsou pekne vyhlazene, takze v tom stejne porad nemam jasno… Je to trochu zahada :(… Ale pri trose experimentovani jde alespon docilit trochu dostatecnych vysledku…

    1. macan

      Re: Fonty a web včera, dnes a zítra

      ja jsem taky souvislost nenasel. Snad WOFF v blizke budoucnosti bude dobra cesta

  7. maryo

    Re: Fonty a web včera, dnes a zítra

    Jinak z praxe vzhledem k licensim se ty fonty musi stejne kupovat na webech typu typekit. A co jsem tam ty fonty prohlizel, ve Windows se zaplym cleartypem ve vetsich velikostech (tj. nadpisy) maji hodne zubaty okraje a nejsou vyhlazeny tam skoro vsechny, uplne nepouzitelny, ale jsou vetsinou dobre pouzitelny pro mensi velikosti(tak do 14px). Pro nadpisy doporucuju najit ten font ve formatu OTF nebo v nekterych pripadech i WOFF nebo preulozit ve FontLabu(prevodem z ttf se ale nejka kvalita ztrati). Pak je ten font vyhlazenej vetsinou pekne i na windows, ale zase casto nepouzitelny v mensich velikostech. Proto delam pro text a pro nadpisy definici zvlast, ej to takovej kompromis.

  8. maryo

    Re: Fonty a web včera, dnes a zítra

    Jeste, nevim ani proc jsem se k tomu vratil, koukam ze na tech screenshotech mate nejlepsi vysledky na windows, alespon mi tak prijde, ve formatu woff a vidite v nem mozna nejakou budoucnost. Format WOFF sam o sobe neprinasi vubec nic noveho. „The format itself is intended to be a simple repackaging of OpenType or TrueType font data, it doesn’t introduce any new behavior, alter the @font-face linking mechanism or affect the way fonts are rendered.“… Z toho chapu, ze woff je jen komprimovanej truetype nebo opentype. Nevim z jakeho zdroje mate fonty na screenshotech, resp. jak jste dosel k jejim formatum. Neco mi rika ze jste mozna pouzil fontsquirrel online prevadec. Tam se mi vzdycky ta kvalita pri prevodu ztratila a mel jsem zubaty i ty otfka stejne jako na screenshotu v clanku. Vsiml jsem si toho pri prochazeni par modernich webu, uz nemam v zalozkach odkazy, ale vzdy kdyz jsem nekde narazil na web s pekne vyhlazenym fontem(coz neni ani jeden priklad na windows zde na screenshotech v clanku), byl to vzdy otf nebo woff(takze otf). Ve WOFF je budoucnost jen proto, ze je komprimovanej.

    1. macan

      Re: Fonty a web včera, dnes a zítra

      Ano, fontsquirrel jsem tez pouzil, ale nejen ten. Pri pouziti ruznych konvertovacich nastroju jsem dostaval dost rozdilne vysledky. Ale i tak jsem byl nekolikrat negativne prekvapen vysledkem. Jestli mate moznost, zkuste si to na vice verzich windows a ruznych prohlizecich. (U windows serveru je dobre si snizit zabezpeceni, jinak font nepouzije.)
      Proc se mi libil woff – s nejmensi namahou je nejlepe podporovan ve vsech beznych prohlizecich. Nemusim resit pro kazdy prohlizec jiny format.
      K tem screenshotum – kdyz si vezmete kolik verzi prohlizecu je, ze i v jine verzi OS se stejny prohlizec chova jinak, fonty zkusite zkonvertovat vice nastroji, vyjde Vam mnoho kombinaci. Ja jsem uvedl cast takovych screenshotu, mozna jsem to mel vice rozebrat nebo udelat vice obrazku. To, ze je nektery font nevyhlazeny muze byt opravdu nevhodnou kombinaci nastroju a prohlizece. Zkuste sam ty moje kostrbate kombinace a podelte se o vysledek :-)

      1. maryo

        Re: Fonty a web včera, dnes a zítra

        A co je to za font? Ale asi nema moc cenu to zkouset, me se zatim kazdy originalni OTFko zabrazovalo dobre(ale i nektery ty WOFFy) :), nekde vam to blbe zkonvertovalo… Pro ukazku:

        PT Sans z Fontsquirrelu
        http://blog.mozilla.com/webdev/2011/03/14/html5-form-validation-on-sumo/

        Trochu Zubatej

        A tady je vyhlazenej

        http://blog.mozilla.com/webdev/2011/03/14/html5-form-validation-on-sumo/

        Jde o ty nadpisy, zkuste si ve Firebugu zmenit velikosti a tak…

        Ten z fontsquirrelu je ale citelnejsi v mensich velikostech…

Napsat komentář

Tato diskuse je již příliš stará, pravděpodobně již vám nikdo neodpoví. Pokud se chcete na něco zeptat, použijte diskusní server Devel.cz

Zdroj: https://www.zdrojak.cz/?p=3456