Why do my fonts render differently when page is loaded via link?

Question

I'm experiencing a weird issue on a site when it is loaded via a link.

Here are the two different instances:

Load http://www.visioncreativegroup.com.au via the URL bar. Fonts load as expected (medium weight).
Visit http://www.wpagroup.com.au and click the 'website by vision' link in the footer. The fonts are much bolder as seen in this screenshot.

The fonts are being loaded using @font-face.

Has anyone stumbled across a similar problem before? What could be causing this?

Mac or PC? I can't recreate the issue on my computer either (Safari on Mac OS X), but it was reported in Chrome. — Scully, Jul 30 '12 at 15:35
Both pages are identical for me in Firefox, Chrome and Safari under OSX. Note that the font renders bolder for me in Firefox, and less bold in Chrome. Suspect your issue is rendering differently in different browsers, not rendering differently in the same browser based on url/link-click context. — user229044, Jul 30 '12 at 15:42
Identical for Chrome on Mac OS X. Maybe suggest that whoever took the screenshot clear their cache. — tigertrussell, Jul 30 '12 at 15:44
You should probably verify that a problem is reproducible (or actually exists) first before looking to solve it. — Lèse majesté, Jul 30 '12 at 15:44
If you haven't been able to reproduce this yourself, you shouldn't be posting a question about it on Stack Overflow. The problem is almost certainly with the person reporting the bug, and not the symptoms you've described which are pretty nonsensical. — user229044, Jul 30 '12 at 15:46
@Tim My advice remains correct: If you are unable to reproduce a problem yourself, you shouldn't be posting it here. — user229044, Jul 31 '12 at 15:14

score 1 · Accepted Answer · answered Jul 30 '12 at 15:49

1

Try this...

.semi {
    font-family: 'AauxNext-SemiBold',sans-serif;
    font-weight: normal;
}

It shows up bold in firefox on mac like it did in the screenshot. If you add font-weight: normal; it is no longer bold. I think firefox and others render the font differently, possibly something to do with it being semiBold?

answered Jul 30 '12 at 15:49

Tiffany Israel

460
1
7
22

2

I wouldn't say that it's a bug, it's just one of those anomalies that make cross-browser testing so necessary. – Tiffany Israel Jul 30 '12 at 15:55

score 0 · Answer 2 · answered Jul 30 '12 at 16:39

0

I think you can try pixels instead of percentage.

font-size:xxpx;  instead of percentage.

i am not sure,may it help you.

answered Jul 30 '12 at 16:39

Prashobh

9,216
15
61
91

Why do my fonts render differently when page is loaded via link?

2 Answers2