I'm developing a landing page that uses embedded Google web fonts. When I test the page in IE9 locally, it renders in IE9 Compatibility View and IE7 document mode by default – but it looks fine (I believe it does this because local files are considered "intranet" and IE9 automatically renders those in compatibility view).
However, when I then manually switch the browser and document modes to IE9 – which is how the page would render when actually served – the Google web fonts no longer work.
Google web fonts are supposed to work on IE9, so what's going on here?
This appears to be a cross-domain issue or something when viewing the page locally. The same exact page, once uploaded to my server, renders in IE9 standards mode by default and the Google fonts work fine.
Related
my html/css works fine with chrome, FF and IE11. Also with IE8 when loaded locally from my harddrive.
When the same files are located in an networkdrive the css seems not to work properly. Colors and fonts are fine, but some div-containers are displayed at the wrong positions.
When i transport the files in the htdocs of an apache fonts and colors are fine, but other problems occur with the positioning. Strangly not the same as when started from the networkdrive. Some divs are now correct, others ar now misplaced.
I´m not able to find any pattern with this.
I can check the behaviour within ff and chrome with the build-in dev-tools. But i don´t know of any similar tool within IE8.
Any idea for my 1001 attemp to fix the problem?
Thanks a lot!
Microsoft introduced different rendering modes for local and Internet servers so that web developers would break down in tears.
If there’s no X-UA-Compatible value and site is in Local Intranet
security zone, it will be rendered in EmulateIE7 mode by default.
Add X-UA-Compatible header or META to force full IE8 standards mode.
I recently made a website that hosts PDFs of scans of a publication. For some reason the Chrome PDF viewer renders the PDFs in magenta, while other browsers render them correctly. I've seen lots of posts about how Chrome renders colors as more saturated, but can't locate anything else on the same subject.
In Safari:
In Chrome:
There appears to a bug in the Chrome PDF viewer (possibly only on OSX): https://code.google.com/p/chromium/issues/detail?id=401118
I have some static HTML pages for a mockup design. The HTML pages are working perfectly standalone in ie8, ie9, chrome, mozila and safari.
When I deploy them onto the server(WCS) for intranet development, it is not aligned properly only in IE8 but they display correctly in other browsers including ie9.
I have two questions:
I think I don't have CSS issues if I have that CSS issues it does not
work in the standalone pages also in ie8. Am I correct?
Do I need to give any X-UA-Compatible setting to IE=edge from
server side???
I would always choose a X-UA-Compatible value of IE=edge,chrome=1
This way you always get the latest rendering engine in IE and are future save, if you are wise.
If you see, that some things don't work in IE8 you should use modernizr and/or polyfills. You have to google these because I cannot describe them in detail here.
In your case thare will be many possible answers
Sometimes Browsers behave differently when displaying a local file (protocol file://) or a webserver document (protocol http://)
Do you have default setting of X-UA-Compatible as HTTP header on your webserver (inspect with Firefox Firebug, Net tab)
Is the Compatibility mode broken (See if you have a torn apart page symbol in your IE8/9 address field, see here: http://windows.microsoft.com/en-us/internet-explorer/products/ie-9/features/compatibility-view)
Else you will have a CSS issue.
I have a website. It uses 2 Google webfonts for its headings and body text. These work fine on Chrome/IE/Safari (including mobile) but when I view the site on my office computer running IE9 on Win7 the Google fonts do not load and fall back to a sans-serif.
Here is what I see:
IE9:
Chrome:
I cannot figure out why IE fails to load the font as I am aware that Google font's are compatible with IE7+. I figure it might be a security setting but can't get to the bottom of it. Any ideas.
I don't know if this is the issue, but try changing your request to only one link tag:
<link href='http://fonts.googleapis.com/css?family=Oswald|Lato' rel='stylesheet' type='text/css'>
Perhaps loading two fonts in two different requests causes issues.
On my IE9 it looked the same as in Chrome. Press F12 and make sure you are using proper Browser and Document Mode.
I am trying to run a script that supports for HTML5 offline working. It works fine in Firefox but not in safari. I want it to work in safari too. You can see here.
http://vps.sunztech.com/clock.html
HOW TO CHECK OFFLINE WORKING: open the URL when internet is connected.close the browser after loading all contents. now disable internet and load that URL again it should show the the data from cache.
The above is working fine in Firefox but not in Safari.
May anyone can give me the solution...
I will be thankful
Make sure that the manifest file is served as type text/cache-manifest. There are several other guidelines worth checking in Apple's developer documentation for iPhone and Mobile Safari.