CCS3 - fonty do HTML stránek

  • Vybrat typ písma ze seznamu http://www.google.com/fonts a kliknout na ikonu "Quick-use"
  • Do <HEAD> vložit vygenerovaný kod pro import fontu
    <link href='http://fonts.googleapis.com/css?family=Krona+One' rel='stylesheet' type='text/css'>
    
  • Do <HEAD> vložit javacript pro načtení fontu do stránky
    <script type="text/javascript">
      WebFontConfig = {
        google: { families: [ 'Krona+One::latin' ] }
      };
      (function() {
        var wf = document.createElement('script');
        wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
          '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
        wf.type = 'text/javascript';
        wf.async = 'true';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(wf, s);
      })(); 
    </script>
  • Do CSS souboru vložit definici fontu, např.
    H1 {
        font-family: 'Krona One', sans-serif;
    }

Odkazy
http://www.w3schools.com/css/css3_fonts.asp
http://www.google.com/fonts

Comments are closed

O blogu

Tento blog je místem, kde sdílím své zkušenosti, části zdrojových kódů, odkazy apod. Zdroje jsou zaměřeny převážně na problematiku portálového řešení SharePoint a vývoj webů v prostředí Microsoft. Mým cílem není úplně obsahnout konkrétní řešení, ale pouze tu část, kterou potřebuji. Pokud se problematika obsáhlejší, jsou pod článkem odkazy na související informace.

O autorovi

Oldřich Zátopek
Zabývám se vývojem webových aplikací internet/intranet na Microsoft technologiích. Hlavní specializace je SharePoint. LinkedIn