[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Google Web Font Browser Issue

Posted on 2013-01-17
1
Medium Priority
?
385 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 1500 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

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
The viewer will learn how to dynamically set the form action using jQuery.
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…
Suggested Courses
Course of the Month20 days, 12 hours left to enroll

865 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