Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 06-03-2013, 03:16 PM
ConduciveMammal's Avatar
ConduciveMammal ConduciveMammal is offline
Contributing Member
 
Join Date: 03-28-13
Location: Walsall, UK
Posts: 266
iTrader: 0 / 0%
How can I get Google Web Fonts to work?

I'm in the process of developing a website and I'm trying to use Google Web Fonts but they don't seem to be loading, and instead text is being loaded with Comic Sans MS

Here is the code I've tried in my site.

In the index page, inside the <head> tag
Code:
<link href='http://fonts.googleapis.com/css?family=Economica:700italic|Cinzel+Decorative:400,700|Comfortaa|Metamorphous' rel='css/style.css' type='text/css'>
Which are for these fonts:
Code:
/*font-family: 'Economica', sans-serif; font-family: 'Bitter', serif; font-family: 'Cinzel Decorative', cursive; font-family: 'Raleway', sans-serif; font-family: 'Comfortaa', cursive; font-family: 'Metamorphous', cursive; Google Web fonts */
An example use of these is in my CSS stylesheet for a <h1> tag
Code:
#header h1{ float:left; color:#ffffff; font-size:43px; padding:20px 0 0 20px; font-family:'Cinzel Decorative' cursive;
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 06-04-2013, 02:27 AM
GMF's Avatar
GMF GMF is offline
Contributing Member
 
Join Date: 11-03-11
Location: Austria
Posts: 1,213
iTrader: 0 / 0%
Mhh...

Try to change the

rel='css/style.css'

to

rel='stylesheet'


So that the link looks like this

HTML Code:
<link href='http://fonts.googleapis.com/css?family=Economica:700italic|Cinzel+Decorative:400,700|Comfortaa|Metamorphous' rel=stylesheet' type='text/css'>
 
Reply With Quote
  #3  
Old 06-13-2013, 10:31 PM
Meir David Meir David is offline
Member
 
Join Date: 06-13-13
Posts: 30
iTrader: 0 / 0%
Hi,
usually when i face these problems i used to refer lot in google..when am searching i got a site which explains me everything about google web fonts..i wish to give you to..hope this will help you...

refer designshack.net/articles/css/a-beginners-guide-to-using-google-web-fonts/
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
500+ Web 2.0 Fonts Provided By GOOGLE ! addlinkweb Web Design Lobby 0 04-14-2012 03:36 AM
Google now offering worldwide usage stats for its Fonts API Google Web Fonts get stat HTMLBasicTutor Web Design Lobby 0 11-25-2010 02:43 AM
We can now use new fonts on the web Google fonts is here! nBrandt Web Design Lobby 8 06-03-2010 07:01 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 08:11 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC