How to use modernizr to make firefox support google OpenSans font? - firefox

I am using google Opensans font. It works fine in almost all browser except Firefox.
Should I use Modernizr? If it is, then how can I do it?
Edited: I've update firefox to 29.1. But still not working. Here is a demo in codepen. See, it's not displaying opensans.

just loading the font and using it works fine in firefox 28, so more than likely there is something else going on. Can you post a codepen/jsfiddle showing the issue?

Related

Gatsby site looks and functions very differently on Firefox than other browsers - JavaScript is disabled?

After having deployed my gatsby website with netlify, I realised that while it seems to work perfectly on other browsers, JavaScript seems to be disabled for the site on Firefox and google fonts does not seem to have worked as well. Anyone know why this could be? Highly appreciate any help!
Site for Reference
I had a regex with a lookbehind, so firefox disabled my JavaScript.

error parallax effect in firefox but works on google chrome

I need your help my website is not functioning properly on firefox browser but in edge, chrome and opera and safari it works only firefox is not functioning properly
Firefox Browser
Google Chrome Browser
I would recommend setting up all your projects in Xampp or something similar first before testing it. If you are going to upload to a server you need to replicate the environment locally before you decide whether it is going to work or not. It seems complicated but it is quite simple, you can find out more here. https://www.apachefriends.org/
That said, check your urls, they are not the same for your two different screens, the one is referencing an anchor tag.

jQuery Plugin Galleriffic working locally in chrome - but not online

under Demo Gallery i've a small gallery running - using the jQuery Plugin Galleriffic.
I developed it in chrome locally. There everything works fine.
But when i upload it, in Chrome are no pictures shown. That's really strange, because safari, firefox, ... are showing it as wanted.
Can anyone give me a hint what's the problem here?
ok now i found the error..
it was only adblock...! after disabling it, it works fine!
adblock thought my pics are ads, because they were in the folder "ads". Stupid error on my part.

css target chrome on windows

Is there anyway to target chrome on windows? I'm looking to do this because of the difference in border-radius rendering. Chrome on osx seems to work fine, only problematic in Chrome on Windows. Thanks.
If you really, really have to do this, I recommend this CSS Browser Selector script:
http://rafael.adm.br/css_browser_selector/
Of course, you'll have to update your site when the browser issue gets fixed. :p

Getting embedded google docs viewer to work under IE 7,8

Wanted to throw this question out to see if there's been any solutions as the Google Doc viewer is amazing.
Creating an iframe with an embedded Google Docs viewer does not work in IE 7,8.
https://docs.google.com/viewer
Does anyone have a work around?
I have the same problem, but didn't think it was acceptable to have to ask users to add the URL to their trusted sites in IE.
Luckily I came across the following post:
The embedded version of Google Docs Viewer (gview) will not load its images correctly if third party cookies are disabled. This problem is an issue for most IE users as by default it will be disabled. Below I provide a work around to this problem for at least until google adds a p3p. The original discussion of the issue can be found at google docs help forum.
I've tried this out and it works in IE8, IE7 and IE6.
I just tried an iframe targeting https://docs.google.com/viewer in IE7 and it is working.
But I have ChromeFrame installed in IE - maybe that's the reason it is working for me!
I tested displaying PDFs in Google Viewer with IE8 with following settings.
You may see the solution at http://victoriarange.blogspot.com/2010/07/solution-for-display-problem-of-pdfs-in_24.html

Resources