Monday 5 January 2015

How to add google fonts in magento theme? add google font in magento.


ADDING GOOGLE FONTS IN MGENTO THEME
You can add the css link into the admin design panel.

--> SYSTEM > CONFIGURATION
1: Select “Design” from the left hand menu
2: Open the “HTML Head” tab
3: Paste your Google font css link* into the “Miscellaneous Scripts” text area.
4: Open your local.css (or style.css if you don’t cook that way)
5: Call your font in the usual way eg:

body { font-family: "Oxygen",sans-serif; font-weight: 700;} *

<link href="http://fonts.googleapis.com/css?family=Oxygen:400,700,300" rel="stylesheet" type="text/css"></link> 


you can add single font then add local.xml in
<?xml version="1.0"?>
<layout>

    <default>
        <reference name="head">
            <block type="core/text" name="my.font.text">
                <action method="setText"><text><![CDATA[<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700">]]></text></action>
            </block>
     <block type="core/text" name="menu.text">
                <action method="setText"><text><![CDATA[<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster+Two:700italic,700,400italic,400">]]></text></action>
            </block>
        </reference>
    </default>
</layout>

No comments:

Post a Comment

Thank You For Comment