Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Join Date
    Aug 2008
    Posts
    165
    Plugin Contributions
    0

    Default HOW TO: Google Fonts

    Hi there,

    I'm very excited about the possibilities with Google fonts. I know that I need to use web-ready fonts (so that all persons can view them whether they're installed on their computers or not) but now I believe that Google fonts will provide unlimited possibilities.

    I've read the info here
    http://code.google.com/apis/webfonts...g_started.html

    My question is about Step 1:
    Add a stylesheet link to request the desired web font(s):

    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">

    Where and how do I add a stylesheet link? I know how to work with the stylesheet but unfamiliar about a link.

    Much much appreciated. lynn
    http://marketcafe-online.com

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: HOW TO: Google Fonts

    Create a custom copy for your template of the /template_default/common/html_header.php file

    Insert the link appropriately in that file
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Aug 2008
    Posts
    165
    Plugin Contributions
    0

    Default Re: HOW TO: Google Fonts

    Thank you Kobra for such a fast response. My apologies for being a bit deft but how do I create a custom copy of my template? And where do I insert the link? much much appreciated, Lynn

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: HOW TO: Google Fonts

    how do I create a custom copy of my template?
    FOR your template not OF

    If the link in your sig is your site then the copy is uploaded to
    includes/templates/all_business/common/
    And where do I insert the link?
    About here
    Code:
    /**
     * load printer-friendly stylesheets -- named like "print*.css", alphabetically
     */
      $directory_array = $template->get_template_part($template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css'), '/^print/', '.css');
      sort($directory_array);
      while(list ($key, $value) = each($directory_array)) {
        echo '<link rel="stylesheet" type="text/css" media="print" href="' . $template->get_template_dir('.css',DIR_WS_TEMPLATE, $current_page_base,'css') . '/' . $value . '" />'."\n";
      }
    Try HERE
    /**
     * load all site-wide jscript_*.js files from includes/templates/YOURTEMPLATE/jscript, alphabetically
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Aug 2008
    Posts
    165
    Plugin Contributions
    0

    Default Re: HOW TO: Google Fonts

    I'm embarrassed to ask this but the copy of what? For example should I create a file with this:

    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
    body {
    font-family: 'Tangerine', serif;
    font-size: 48px;
    }
    </style>
    </head>
    <body>
    <h1>Making the Web Beautiful!</h1>
    </body>
    </html>

    And then upload to includes/templates/all_business/common/? And then make the changes in Step #2 (I think I got that part). So sorry I'm not a developer...

  6. #6
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: HOW TO: Google Fonts

    No, just add the code like this
    Code:
    echo '<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Font+Name">';
    in the location kobra showed in your custom copied file /includes/templates/all_business/common/html_header.php.

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: HOW TO: Google Fonts

    Thanks gjh42!!
    Zen-Venom Get Bitten

  8. #8
    Join Date
    Sep 2003
    Location
    Ohio
    Posts
    69,402
    Plugin Contributions
    6

    Default Re: HOW TO: Google Fonts

    Is it just me or are those Google fonts kinda ... sorta ... maybe ... er ... ugly ...
    Linda McGrath
    If you have to think ... you haven't been zenned ...

    Did YOU buy the Zen Cart Team a cup of coffee and a donut today? Just click here to support the Zen Cart Team!!

    Are you using the latest? Perhaps you've a problem that's fixed in the latest version: [Upgrade today: v1.5.5]
    Officially PayPal-Certified! Just click here

    Try our Zen Cart Recommended Services - Hosting, Payment and more ...
    Signup for our Announcements Forums to stay up to date on important changes and updates!

  9. #9
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: HOW TO: Google Fonts

    Less ugly, I think, than not necessary. Customers on your site care about pricing, selection and ease of navigation.

    Fonts, Google or otherwise, are, IMO, meaningless.

  10. #10
    Join Date
    Feb 2011
    Location
    Hong Kong
    Posts
    29
    Plugin Contributions
    1

    Default Re: HOW TO: Google Fonts

    Meaningless... I would not say so. It gives you a chance to stand out from the crowd. And Googlefonts are not the Alpha and Omega of typefaces for web.

    Typeface designs are made for a special purpose. For example to improve readability. OR to create a certain atmosphere - appealing to the buyer (consciously or subconsicously)

    Verdana and Tahoma are just two of the gazillions of fonts randomly chosen by who? And we're all bound to it forever?

    Why would we need templates then. Same thing: if it were only the product and the price that interests the buyer, we wouldn't need templates, then every shop could just look the same.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v138a Google Fonts not working
    By Deno in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 1 Jun 2013, 01:42 PM
  2. How do I make a font from Google Web Fonts Secure..?
    By nolsowski in forum General Questions
    Replies: 10
    Last Post: 6 Dec 2012, 05:47 AM
  3. Google Web Fonts
    By nolsowski in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 16 Apr 2011, 07:46 PM
  4. how I change My Fonts
    By p.kapoor in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 31 Dec 2008, 05:08 PM
  5. Fonts from HTML Editor, ALL Page Heading Fonts...
    By khopek in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 3 Feb 2008, 02:08 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR