I've built a site for a company and i used a google webfont on some of the text.
Problem is - Text looks sharp and good on both my computers (mac and pc).
But when my customer is viewing the webpage on their computer its all grumpy and very hard to read... They run Internet explorer 8 - it shouldnt be any problem.
Any suggestions what could be wrong?
Screenshot from their computer
Looks like an issue with ClearType.
What version of Windows do they have? I bet it's XP.
This article explains how to set up ClearType
http://www.jvfconsulting.com/blog/27/Mozilla_FireFox_Tips_Tricks_Activate_ClearType_Font.html
You can then use Microsoft's web tool to fine tune ClearType if it still looks a little wonky
http://www.microsoft.com/typography/cleartype/tuner/step1.aspx
Edit
If you're worried about general users having the same issue, one possible solution is to detect if ClearType is enabled or not, and then change the font-family accordingly.
Look here for details:
Can you detect if Cleartype is enabled on PC via javascript?
Related
I'm a newbie who was told to use Aframe instead of unreal or unity, so I went to aframe.io and found a link to glitch vr projects, but I couldn't see them until I used Firefox and Safari. I assume I have something turned off in Chrome, right? If that's the case, it makes me concerned that users may also have the same issue.
Thanks for you time reading this.
Because I was on an old Mac laptop, the fix was to go to Chrome settings Advanced section and enable "Use hardware acceleration when available"
I've been testing a website I design on my mac and also on windows. To be more specific mac osx snow leopard and windows 7.
Now I'm wondering if I will need to test further e.g. mac osx leopard, tiger ... windows xp, windows vista?
I've been wondering since I started all this browser testing stuff.
Kind regards
The only browser that's an issue IMO is IE as running multiple versions takes some setup and is not completely decoupled from the OS. The Developer Tools in IE 8/9/10 let you choose the rendering mode of earlier versions, but there are sometimes differences in the rendering between the simulated and "native" browser. Users of the other browsers (Firefox, Chrome, Opera, Safari) tend to upgrade quickly and in addition, even early versions of those browsers were fairly compliant (aside from CSS3 capabilities that were codified after they were released, but those usually degrade gracefully)
Great article in Smashing Magazine about setting up testing for IE using virtual machines.
Fonts are dependent on if the user's OS has them installed by default. Fonts have kerning (space between the characters), and if changed to a backup font with different kerning can affect the flow of your page.
Form elements (text inputs, radio buttons, dropdowns, etc.) are rendered by the browser but adhere to the OS standard settings.
In short, it's always good to get your hands on as many environments (OS/browser combinations) as possible to see what your site will look like. If you have a friend with a different set up, check it out, ask them to send you a screenshot or use one of the online services that provide this ability.
So recently Microsoft threw the joke that was IE6 into the recycling bin, and said that users should automatically be upgraded to the latest version of IE, if they hadn't already. Unfortunately for web designers, this means that some people (running XP) will be stuck with IE8.
I recently started redesigning a clients website to bring it up to date, and in order to make loading times quicker, save on disk usage, and on bandwidth, I have implemented the use of CSS3 code and then a big but... IE8 Doesn't support CSS3... :(
Is there a significant amount of users on XP / Vista / 7 who still use IE8, or have they moved to alternative, more up to date browsers such as Chrome, Firefox, Safari etc?
Should I worry about trying to find a way to keep the website looking correct in all browsers? or is there a way for me to encourage visitors using IE8, to swap it for another browser?
I imagine this depends on how the website is used. Is it an intranet website, a public website, or an web application that the owner dictates the version. IMO the best way to figure this out is to have Google Analytics plugged into the web app.
I can tell you that the project I am currently on doesnt have the luxuary to rule out IE8. 70% of our users that use the web app I work on use IE8. It seems to still be the most used browser in the business world. (at least from my experience) Heck we still need to support IE7.
However if you can guarantee the web users are using an up to date browser, then thats a different story. Or of course you can say, this app doesnt support IE 8 or lower.
Thats my 2 cents.
IE8 is the default browser in Windows 7, so expect it to hang around forever, just as IE6 has because it was the default in Windows XP.
Use http://code.google.com/p/html5shiv/ or http://code.google.com/p/ie7-js/ to ease the pain.
Yes, but according to WC3 the percentage of usage is now only ~8% for IE8.
Thats still a pretty big number to turn your back on however.
I'd be very interested to hear what professional developers think about this, particularly frontend developers.
How do you go about testing your designs in multiple browsers? Do you use virtual machines, each with a different version of Internet Explorer installed? What is your setup/workflow?
So, what's the most efficient and reliable way to test a design in several legacy web browsers?
Thank you.
I mostly use Spoon virtualization. They removed IE from the service aftyer Microsoft told them to however it's still a good service for testing other browsers/versions.
For IE I tend to use the Microsoft provided IE VMs.
If you need virtualization product then VirtualBox is pretty good and free.
I've also just discovered Browserling which does something similar to Spoon virtualization and has support for multiple IE versions.
Oracle's VirtualBox is free. I have the following VMs set-up:
Windows XP - IE6, Firefox 3
Windows XP - IE7, Firefox 4
Windows Vista - IE8
Really, I don't test older versions of Firefox, Chrome, or Safari. All three of those browsers are on quick update cycles now and the push their updates almost immediately. The chance that users are still using an older version of those is much less than those using Internet Explorer.
Even now, I don't really test in IE6 anymore (thank god), but I know this is different depending on the audience of your website.
Really, if you can get away with it, do your basic testing in IE 7, 8, 9 and the latest versions of Firefox, Chrome, and Safari. Don't go completely out of your way to fix layout issues in older IEs; If you can get the information you want from the site, then the site is functioning. If someone complains about the site not looking exactly right, recommend they upgrade or switch browsers. "I can't upgrade from IE6 because my company uses it" is not really a valid excuse anymore with Chrome and Firefox being as light weight as they are, unless their computer admins have things completely locked down.
IE Tester allows to see web from ie5 till ie9.
http://www.my-debugbar.com/wiki/IETester/HomePage
It depends how legacy you wonna go but there is also Adobe browser lab.
I build a webpage and in IE8 + FF3 it goes well, but a friend opens it in ie7 and it's terrible.
How can I emulate IE7 / other things / FF2 in my Windows 7 envoirement?
You need to run in in a virtual machine as you can't have multiple versions of IE installed on the same machine the same time.
Downlaod Virtual PC 2007
Download the IE7 Virtual PC image from Microsoft. There's also an IE6 image there.
You can also install FF2 on the virtual machines safely.
IE8 has a Developer Tools utility under Toos->Developer Tools. You can change Compatibility Mode to view how the page would look in IE7. As for FF2, the only way I know of is to actually have FF2 installed. Maybe you can find an older download package?
Once the utility opens there is a Browser Mode: box on the top menu. Change that to IE7, and it will render the page as IE7 would.
I've used the 'Superpreview' feature that comes with Expression Web 3, it has help me to get a page working with IE8,7 and even 6, along with FireFox. You can get a free trail if you can't get the full version.
You can use IETester for IE 5.5 to 8 for emulation. You can add on DebugBar (by the same developer) into IETester for Firebug-like debugging.
However Firefox I'm not sure. The only thing I can think of is to download a clean FF 2 and install it on another computer.
As for Firefox, you can use a portable version.
Various options locally:
Run multiple virtual machines hosting different browsers (or combinations of browsers)
The latest version of expression has a fairly comprehensive browser comparison tool
There are some clever IE hacks out there too.
Also online
Browsercam (and similar sites)
Adobe Browserlab possibly - not sure how "live" it is yet.
There are a number of simulators, one at least from MS to let you view in different IE browser versions. However they are simulators so may not accurately reflect the actual browser. Another way, but it might be over the top for your purposes is to install VM's and put the real browser in each VM to do the testing.
I'm currently using Internet Explorer Collection which gives me over a dozen versions of IE, not that I test that many but it's interesting to look back at occasionally.