?
Solved

Google Web Font Browser Issue

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

WordPress Tutorial 2: Terminology

An important part of learning any new piece of software is understanding the terminology it uses. Thankfully WordPress uses fairly simple names for everything that make it easy to start using the software.

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.
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.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you! In this Micro Tutorial, you'll learn yo…
Suggested Courses

752 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