I have got a website running with the Google Fonts Rubik for ages. This morning it appears that this font is not rendering anymore on my desktop (Chrome, Firefox, Opera) and several others, coming up fine on my Smartphone. I switched to Roboto for the time being.
Any idea ?
This http://www.mejoresdatos.cl/FontIssue.aspx shows what shown below:
Same problem here it only happens on Windows 7 Machines no matter the browser. OSX and all mobile devices I have tested on it is working on.
https://fonts.google.com/?query=Rubik. See this is not even working here. Temporarily you can try embedding the font through CSS. Till google solves this.
I had the same issue, what worked for me was simply to force a new fetch rather than rely on the cache.
i.e. I added the parameter &cache=clear to the font.googleapis.com URL:
#import 'https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&cache=clear';
Related
We built a Joomla website for one of our clients which can be located at:
http://mayslakeministries.org/
Although everything was looking fine from our end, the client was seeing the website as if no CSS was being rendered. Unfortunately, I do not have a screenshot at the moment. I will try and get one up here in the next hour or so if we don't come up with a resolution. (If anyone is able to see the mess that I'm describing, if you could post a screenshot that would be appreciated as well. We have limited testing equipment available and it's hard for us to reproduce.)
But here is what we've concluded: the website works fine in Chrome and Firefox on all systems. It works fine with IE10 on all systems as well. However, as soon you switch to IE9, things get strange.
IE9 will work fine if you are on Windows 8, but if you are viewing in IE9 from Windows 7 or Vista, things look as if the CSS isn't being loaded.
Any help would be appreciated. If you view the site and find that the information I've provided contradicts what you are seeing, then let me know. We have limited equipment to test with, so it was difficult for us to be able to see the problem.
This is the first time I've encountered a problem that only occurs on a certain OS.
Oh! One more thing I think is worth mentioning. The Joomla template we are using works fine even on Windows 7 IE9. So we believe it's something that we have done to the website that changed it's behavior.
Here is the Joomla template demo:
http://www.astemplates.com/itempreview/186
Alright, it took is a few days, but we finally figured out the problem.
IE apparently has a limit to the number of resources that can be linked to the page at one time. Our Joomla site has around 200 JS/CSS files being linked through the source, and this caused IE to bug out and not load our CSS properly.
This is one of the strangest problems I've had to deal with, so I'm very glad it's fixed.
Im currently building a website and it seems that the font used in the header isnt rendering correctly on windows machines. I've checked the windows machines have cleartype enabled which they do so im wondering if anybody else has come across this issue or knows what the cause is?
Windows...
OSX...
It seems that particular font has not been properly hinted, and that causes numbers to have uneven sizes with the Windows ClearType (mis)renderer.
You can try to fix the issue with the FreeType’s ttfautohint tool.
There are a lot of reasons why fonts render differently from OS to OS and browser to browser. This SixRevisions article discusses some of the challenges using custom fonts online and towards the end there is a section on font rendering. It's a jungle out there.
I have built a website(asp.net): http://avior-ins.co.il/
I can view the site on my computer(I have checked Firefox, safari, chrome and explorer and everything's OK), but the customer says that the CSS seems to be defective when he use iPad.
I don't own an iPad/iPhone, but I don't see any problem when I use my android phone(Motorola droid razr). I have also checked the site http://ipadpeek.com/, which is supposed to be a kind of iPad emulator and I don't see any problem.
Will you please check the site from Ipad and tell me what can cause the bug?
Thanks from advance!
In case you run into too much trouble developing a one-size-fits-all web page, you can have an ipad version of the page and then use detect/redirect strategy.
http://davidwalsh.name/detect-ipad
This fellow has a few nice approaches to that already worked-out.
Thank you all for the help. The real problem was an tag with text-indent -9999px.
It was placed on the site's menu and when I removed it, I looked ok.
I just set up Google Fonts API on my site. Internet Explorer, whenever I refresh the page, a default font flashes before the Google Font 'Reenie Beanie' loads. But shouldn't this be sticking in the cache or something so that once it loads once, it's there and no longer should default fonts show up?
I'm using the WebLoader version to call the fonts. I originally just used the <link> call to the fonts, but the problem there was switching to an https page - I had to use the https link, but then I think that stopped the fonts from caching too. Everything is fine in Firefox (no flashing).
Any suggestions on this?
www.n-styleid.com
Everything is working as it should (In the worst sense of the words)
This is just a problem IE is having with its rendering engine. It cannot download/retrieve the fonts and render them as fast as the basic built-in fonts that the OS has.
There really is no good way to fix this as it is not something that you broke. The best advice that I can give you is to find a font in the system that looks closest to it (Not many handwritten in the system but better than arial) and use that in your font stack.
Hope that helps.
A work around is to hide the element with css and fade it in with jquery. This will give your font time to load. Its a good idea to use a decent fallback if the content is vital.
Recently I had some issues with Flash in IE, involving a SWF which is something like a gallery.
In Firefox its loads perfectly, but in IE it doesn't work properly sometimes. The first time it is loaded its works fine but when I refresh all the images are blank. The image data came from XML.
I wish to get some tips regarding the browsers and Flash / SWF behavior in each.
Thanks in advance.
I once faced a similar problem. IE first displays image properly. Upon refresh it didn't display the image. The problem was with the IE security settings on scripting languages. If the script fails to load properly on first time, IE blacklists the script and hence blocks it from running again. When u reset the security settings it will work. But you should still get into the bottomline of the issue and fix it.
Thanks,
Nirmal