čtvrtek 27. února 2014

Web fonts converter

Narazili jste na potřebu naimplementovat na stránky nějaký nestandardní, nesystémový font (písmo)? Pak jistě nejste sami, kdo čelí problému kompatibility ve všech prohlížečích.
Aby výsledné texty vypadaly stejně v IE, Firefoxu, Chrome, Opeře i Safari, musíte použít tento font v několika různých formátech.

Jak na to?

  1. Najděte (získejte, vytvořte, ukradněte... čechům se meze nekladou) soubor s fontem
  2. Font naimplementujte klasicky a zjistěte, že funguje jen někde (font-face)
  3. Otevřete stránku fonts2web a nahrajte do ní soubor s fontem
  4. Klikněte na Convert & download, web převede font do všech potřebných formátů a pošle vám soubor .zip
  5. Rozbalte stažený soubor a obsah .css souborů přidejte do svých souborů s kaskádovými styly a soubory fontů dejte do správného umístění
  6. Pokud něco nefunguje, máte špatně cesty k fontům
Umístění na web probíhá opět přes font-face, akorát s několika různými formáty.

Existuje ještě druhý zajímavý nástroj - Free Font Converter, který převede soubor písma na konkrétní jiný formát, který si zvolíte.

Závěrem článku je nutno podotknout, že ačkoliv jsou nestandardní fonty pěkné, profesionální design na nich nezávisí a dokáže k dokonalosti přizpůsobit fonty systémové.

Žádné komentáře:

Okomentovat