05-multimedia/05-google-web-fonts.html

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="UTF-8">
    <title>Google web fonts example</title>

    <!-- načtení příslušných písem -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans|Courgette&amp;subset=latin-ext,latin' rel='stylesheet' type='text/css' />

    <!-- použití v CSS -->
    <style type="text/css">
        body{
            font-family: 'Open Sans', sans-serif;
        }
        h1{
            font-family: 'Courgette', cursive;;
        }
    </style>

</head>
<body>

    <h1>Ukázka použití písem z google web fonts</h1>

    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris neque, gravida et vulputate a, blandit at quam. In semper posuere placerat. Mauris rhoncus felis quis orci rutrum, vel dignissim massa commodo. Integer est tellus, pellentesque et nibh sed, malesuada efficitur purus. Sed aliquam tempus magna, eget aliquet enim luctus nec. Suspendisse vehicula vitae leo nec ornare. Vestibulum ultricies dolor quis nunc rutrum lobortis.
    </p>
    <p>
        Fusce vel quam nunc. Sed sed facilisis dolor, sed sollicitudin ex. Suspendisse lobortis consectetur ante non cursus. Sed id dui lacinia, congue nisi in, cursus dolor. Ut tempus, sapien varius faucibus eleifend, massa lacus malesuada tellus, id ultrices tellus justo et enim. Maecenas dapibus diam at orci dapibus, sit amet mattis arcu dignissim. Ut ac finibus lacus. Sed venenatis consectetur sapien sit amet fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vehicula, neque in dignissim elementum, risus leo pharetra nunc, porttitor mattis turpis tortor nec dui.
    </p>

</body>
</html>