codehaven - php snippets - coding help
Generic filters
Exact matches only
    • octopus energy discount code

    Google fonts

    12th September 2013

    CSS

    Css - Codehaven

    The easy way

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <style>
    @import url(http://fonts.googleapis.com/css?family=Finger+Paint);
    body {
    font-family: 'Finger Paint', cursive;
    background-image: url('bg.jpg');
    }
    </style>
     
    Hello This is a google font
     

    and the hard way

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <link href="http://fonts.googleapis.com/css?family=Average|Walter Turncoat" rel="stylesheet" type="text/css">
    <style>
    h1 {
      font: 400 45px/0.5 'Walter Turncoat', Helvetica, sans-serif;
    }
    p {
      font: 400 24px/1.5 'Average', Times, serif;
    }
    </style>
     
    <h1> hello</h1>
    <p>hello</p>
     

    Was this code snippet helpful?

    RSS Latest Snippets
    LINKS
    A Repository of Code Snippets in many Programming Languages:-

    PHP – JQUERY
    CSS – MYSQL
    WORDPRESS – JAVASCRIPT
    WOOCOMMERCE – HTML

    © 2022 CODEHAVEN