Solved

Google Web Font Browser Issue

Posted on 2013-01-17
1
373 Views
Last Modified: 2013-05-28
I am using the Google Web Font "Muli" on the following page: http://goo.gl/4O5Zy

Ignore the fact that the design is all messed up; I'm not done with the page.



I have the following code in my head tag: <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>

And my css body style and all subsequent styles requiring that font have:       font-family: 'Muli', sans-serif;

For me, in Firefox it looks perfect.
In Safari in looks almost perfect, but a little thin.
In IE it looks so thin that you can barely read it.
In Chrome it's all in italics!

Also, in my Dreamweaver, it's in italics. But it wasn't at first. I just came in one day, opened up the file, and bam--all italics!

Does anyone know why this happens and how it can be fixed?

Also, it get's weirder, because I tried it with different computers all around the office and it's not doing it with all of them. On some of them it looks fine in every browser.
0
Comment
Question by:underrugswept
1 Comment
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 38787955
Non-standard fonts are always risky.  Browser do not all use the algorithm to generate fonts, and user settings override on page code.  They will never look the same in all browsers.  They will never look the same for all users.

As for the change in dreamweaver, you probably changed something accidentally.  Dreamweaver is not a browser and should never be used to determine how thing will look in the internet in a real browser.

Cd&
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question