enltr xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"http://www.w3.org/1999/xhtml/vocab/////////////////Import Google Fonts with google('googlefonts') | BitsyCodehttps://www.bitsycode.com/methods/google/google-fontsImport Google Fonts with google('googlefonts') | BitsyCode Import Google Fonts with google('googlefonts') | BitsyCode html not-front not-logged-in no-sidebars page-node page-node- page-node-18 node-type-page

Import Google Fonts with google('googlefonts')

container

.google('googlefonts')


Description: Import Google fonts family and font styles to your website.


Example:

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>googlefonts demo</title>
      <script src="http://code.bitsycode.com/bitsycode-latest.min.js"></script>
      
        <script>
            
        bitsyCode.ready(function(){
             bitsyCode.google("googlefonts", { family:"Tangerine|Inconsolata|Droid Sans" });
             bitsyCode.google("googlefonts", { family:"Tangerine:bold|Inconsolata:italic", effects:"shadow-multiple|3d-float" });
        })
            
        </script>      
      
        <style type="text/css">
            .tangerine { font-family: "Tangerine", arial, sans-serif; font-size:40px }
            .inconsolata {font-family: "Inconsolata", arial, sans-serif; font-size:30px; }
            .droid {font-family: "Droid Sans", arial, sans-serif; font-size:30px; }
            
            .tangerine_bold { font-family: "Tangerine", arial, sans-serif; font-weight:bold; font-size:40px }
            .inconsolata_italic {font-family: "Inconsolata", arial, sans-serif; font-size:30px; font-style:italic }
        </style>
      
      
    </head>
    <body>
        
        <strong>» Simple</strong>
        <span class="tangerine">Tangerine</span><br /><br />
        <span class="inconsolata">Inconsolata</span><br /><br />
        <span class="droid">Droid Sans</span>
        
        <br /><br />
        
        <strong>» Font styles</strong>
        <span class="tangerine_bold">Tangerine Bold</span><br /><br />
        <span class="inconsolata_italic">Inconsolata Italic</span>
        
        <br /><br />
        
        <strong>» Font effects</strong>
        <span class="inconsolata font-effect-shadow-multiple">Inconsolata Effect</span><br /><br />
        <span class="droid font-effect-3d-float">Inconsolata Effect</span>
     
    </body>
    </html>

Preview:



» Simple
Tangerine


Inconsolata


Droid Sans
» Font styles
Tangerine Bold


Inconsolata Italic
» Font effects
Inconsolata Effect


Inconsolata Effect
Share

Developed and built with passion and commitment.
Maintained by the bitsycode team.