Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Google Web Font Browser Issue

Posted on 2013-01-17
1
374 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

The New “Normal” in Modern Enterprise Operations

DevOps for the modern enterprise offers many benefits — increased agility, productivity, and more, but digital transformation isn’t easy, especially if you’re not addressing the right issues. Register for the webinar to dive into the “new normal” for enterprise modern ops.

Question has a verified solution.

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

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

829 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