Hlavní menu
Hlavní stránka Seznam rubrik Download Weblinks Ankety Top 15

  Kalendář
<<  Září  >>
PoÚtStČtSoNe
 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30     

Vložení vlastního písma do webové stránky
Datum vydání: 13. 01. 2014 (2931 přečtení)

Máte svůj pěkný font, který byste chtěli použít na webu? Tady je postup, jak to udělat "správně".

Nejprve potřebujete připravit písmo ve správném formátu, tedy TTF (TrueType) nebo OTF (OpenType). Navíc musí být toto písmo označené jako "instalovatelné" (neboli "volně šiřitelné").

Pokud nemáte tento formát nebo si nejste jisti nastavením šiřitelnost (teď mluvím čistě o technické hodnotě ignorujíc právní důsledky!), použije nástroj FontForge. Stáhněte, nainstalujte a spusťte. Program má své mouchy a tak bude nejlépe, když své písmo umístíte do složky "c:\" a přejmenujete ho na něco jednoduchého (např. "pismo.ttf").

Ve FontForge zvolte z menu Element položku Font Info. V dialogu jděte do OS/2 a najděte položku Embeddable. Zde musí být nastaveni "Installable font" (příp. "Embeddable"). V dialogu můžete změnit i další hodnoty, jako například jméno písma. Nakonec uložte změny tlačítkem OK.

Z menu File zvolte Generate fonts... a v seznamu pod jménem souboru zvolte typ "TrueType" (TTF) nebo "OpenType" (OTF).

Teď potřebujete z vytvořeného písma získat další formáty, které jsou potřeba pro různé prohlížeče (TTF/OTF pokryje 90% moderních prohlížečů, ale vždy je lepší mít 99% než jen 90%). Použijte tedy webový nástroj WebFont generator a kliknutím na Add font své písmo nahrajte. Písmo se zkonvertuje a připraví ke stažení.

Než ho ale stáhnete, proveďte ještě pár úprav. Nejprve zvolte Expert optimalizaci a zaškrtněte formáty TrueType/OpenType, WOFF, SVG a EOT Compressed. Pod Subsetting zvolte "No subsetting" (ve výchozím nastavení web extrahuje pouze znaky anglické abecedy!!!). Další z možností je použít X-height matching a zvolit jedno ze standardních písem, které pak bude použito v případě, že prohlížeč neumí písmo vložit (a pokryjete tak 99.99% CSS-kompatibilních prohlížečů).

Nakonec zaškrtněte "Yes" pod Agreement a klikněte na Download your kit. Stažený ZIP rozbalte do složky svého webu. Spusťte svůj oblíbený editor a do hlavičky stránky přidejte <link rel="stylesheet" href="font/stylesheet.css" type="text/css" charset="utf-8" /> (kde "font/stylesheet.css" je adresa CSS přiloženého v ZIPu).

Teď již můžete používat v CSS své písmo: body { font-face: 'moje-pismo'; }. Jméno, pod kterým lze písmo použít, najdete v souboru stylesheet.css stejně jako detaily o tom, jak se písmo načítá pomocí CSS.

[Akt. známka: 0 / Počet hlasů: 0] 1 2 3 4 5
Autor: Nothrem Sinsky | Komentáře: 46 | Přidat komentář | Informační e-mail Vytisknout článek

  Vyhledávání

Vyhledat text

RybolovUbytování CyklistéPenzionChalupa Nová BystřicePenzion Jižní ČechyJižní Čechy chataUbytování samotaKomorníkUbytováníStrmilovKunžakČeská Kanada ubytováníJindřichův Hradec chata

  Administrace
Administrace

  Copyright
2006 © Nothrem Sinsky

Tento web byl vytvořen pomocí redakčního systému phpRS
Layout: SandStorm - verze 0.9.0
based on layout Beach - verze 1.1.0