@font-your-face

Font Squirrel umožňuje aplikovat zvolený font písma nezávisle na fontech uživatelského operačního systému. Jedná se o modernější technologii než Cufón.

Pro české fonty je vhodnější použít ruční řešeníenlightened

Další info viz Making drupal beautiful with web fonts.

Instalace a nastavení

  1. ...
  2. Povolte moduly:
    • @font-your-face
    • @font-your-face UI
    • Google Fonts API
  3. Dva odlišné způsoby použití:
    1. Administrační prostředí:
      1. admin/appearance/fontyourface/browse/google_fonts_api (Vzhled, @font-your-face, Browse all fonts) povolte požadované fonty např.:
        • Akronim (latin-ext)
        • Poiret One (latin-ext).
      2. U každého povoleného fontu je možné zvolit požadované selektory např.
        • h1#site-title
        • .lead
    2. Téma vzhledu
      1. Do .info souboru používaného tématu vzhledu vložte např.
        1. fonts[google_fonts_api][] = "Akronim&subset=latin-ext#regular"
          fonts[google_fonts_api][] = "Poiret One&subset=latin-ext#regular"
          ​
          fonts[fontdeck][] = "Tanger+Serif+Medium+Ultra+Light"
      2. Příklad použití v CSS:

        • h1 {font-family: "Akronim", serif;}
          .lead {font-family: "Poiret One", serif;}
          
          h1#site-title {font-family: "1942 Report", serif;}
  4. ...

Podobné moduly:

  • Google Fonts
  • Cufón - aplikace písma nezávislého na fontech uživatelského operačního systému