Fontin Sans, my love

I just fell in love.. Ah, yeah, you’re looking at that beauty. Isn’t she lovely?

Fontin Sans is a amazing free font (and YES! free even for commercial use) carefully carved by Jos Buivenga from exljbris. It comes in regular, italic, bold, bold italic and small caps (which looks really badass) + supports many accents and other “non-standard” font features (that said, Fontin Sans supports czech accents, which is what I was looking for in the first place).

Edit: unfortunatelly, neither Fontin Sans or Fontin support full czech alphabet (accents like ě, š, č, ř etc.), so sorry for misleading you with false information.

And if sans just isn’t your thing, grab a serif sisterFontin.

exljbris is definitely my most favourite “font foundry” out there – quality & clean fonts and great visual taste – so be sure to also check the rest of their fonts (Museo!).

Have any favourite fonts you love? Share your ones :]

XHTML specialitky

dnešní tip, ač se bude zdát možná zbytečný nebo triviální, má opět něco do činění s fonty na webu, potažmo webovou typografií. právě ta bývá dosti opomíjená, a to jak v různých tiskovinách, tak na webu.

předvádím vám můj “bookmarkovaný” tahák na speciální XHTML znaky – XHTML Character Entity Reference

dělím se o něj s vámi z prostého důvodu. rád bych, aby se tyto znaky (resp. přítomnost např. pomlčky) dostaly do vašeho podvědomí a vy za jejich použití vytvářely obsah čehokoli “správně”. tím se okrajově dotýkám webové typografie, kterou tu ovšem nehodlám výrazně rozpitvávat; pokud o ní máte zájem, výborná je publikace Praktická typgrafie (Pavel Kočička, Filip Blažek – Computer Press).

každý znak je prezentován tak, jak ho uvidí uživatelé na webu, tzn. Œ, ale i svým XHTML zápisem (v tomto případě Œ). vše se defaultně “odehrává” v Arialu, nicméně možnost změny na jakýkoli jiný bezpečný font nechybí.

pochopitelně je dané symboly možné použít i jako různé grafické prvky:

  • → šipky ← najdou uplatnění skoro všude
  • krát × se laskavě naučte používat místo “x”
  • pomlčky (–) tam, kde mají být; nezaměňovat se spojovníky (-)
  • › ostré uvozovky ‹ se hodí pro drobečkovou navigaci
  • a tak dále..

tak neváhejte, a věnujte pár chvil navíc proto, aby měla vaše práce smysl a byla provedena správně. pojďte společně posunout český webdesign trochu dál :)

google fonts zkrášlí web

pokud jste webdesigner, věřím, že to na vás taky někdy přišlo.. máte “vymazlenej” návrh webu, ale chtěli byste na něm použít jiný než bezpečný font, a to z jakýhokoli důvodu. jsou tací, kteří se přizpůsobí, ti druzí nadefinují řetězec fontů podle jejich priority..

nyní vzniká další skupina lidí — ti, kteří používájí nově spuštěnou službu:

google fonts

google fonts vám nabízí širší spektrum fontů, které je možné na webu bezpečně použít s jistotou, že se každému korektně zobrazí.

google fonts funguje na principu odkazu na externí CSS styly daného fontu (a jeho řezu) na google serverech a následné definování stylu pro samotný text klasickým “font-family”. podrobný postup/návod k dostání na oficiálním webu “jak začít” v angličtině.