Solved

Google Web Font Browser Issue

Posted on 2013-01-17
1
375 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
[X]
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
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

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

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

An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
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 create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

726 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