I created a website based on Joomla and I use google fonts in it, i.e. in the head part of the document I have:
<link href='http://fonts.googleapis.com/css?family=Lato|Merriweather+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
and I see it in source of the page, when I browse to the web site.
In my windows xp underwhich I programmed it is working sure because I downloaded the fonts and installed, to do design under photoshop!
Browsing it to mobile phone or my other OS (windows 8, etc.) font will not appear!
What could be the reason please?
Edit:
I already added CORS header in joomla too! Still not working. I have #import(...) of the font correctly in my css. All spelling is ok and all is working in the windows system where I have the font installed. Why not working / downloading in other OS/browsers, remains a mystery to me!
cross check the name of the font in your CSS file with its name in the Google fonts page
Related
I have an html5 mobile responsive website. In this website, I am showing iframes (in many pages) of asp.net pages that are hosted externally. If I view the html5 website in browser either in PC or mobile, it is displaying all the pages correctly.
I had converted this html5 website to android app using phonegap build (cloud one). It was working fine for last few months. Few days back I had added some new pages to the html5 website using iframes to show new asp.net pages. I tried updating the phonegap through build.phonegap.com. Now when I open the android app, what i see is blank white screens in place of all iframes. I don't know what happened but I think phonegap version was updated to cli-5.2.0 (3.9.1/4.1.1/3.8.1).
Could this be the issue? How can I revert back to the old version? I tried specifying in config.xml but no success. I even searched online for solutions but I couldn't find solution to my problem. I have allowed in config.xml. I found in some site that we need to allow access for domains and subdomains. So I tried doing that but no success. What could be the problem?
I am successful in solving my problem by specifying version 3.7.1 in config.xml
I am using Joomla 3.3.6 and I have a mobile responsive site. But certain modules I'm using on the site I would like to either disable completely or changed with the site is being viewed with a mobile browser. Does anyone know any scripts or extension I can use with Joomla to do this?
I searched for like 5 seconds and I found this post Joomla 3 hide module just for mobile devices which basically contains your problem
I load custom fonts from both Google Fonts and my personal website.
The fonts hosted by Google Fonts and by my server are both .woff and are both loaded via " of the HTML.
I've tested Google's Roboto and Ubuntu CSS and my Roboto and Ubuntu CSS, and they work in Chrome, but only the Google Fonts versions work in Internet Explorer. Is this a security thing on IE's end? Seems like something M$ would do...
To be clear, the test computer is not my server, and does not have any custom fonts, including Ubuntu, installed. I am able to load and view the CSS files from my server, and download the fonts themselves.
Sounds like your server don't send the correct font mime type.
Google do send the correct mime, your server maybe not.
Im using Joomla 2.5 with gantry framework and my template doesn't working on IE9. The logo is the only part loaded.
The problem:
http://www.wmi9.com.br/aprova/
Does anyone know what can be?
Thanks!
The problem is with the slideshow the console showing a few errors:
Unsafe JavaScript attempt to access frame with URL http://www.wmi9.com.br
from frame with URL http://player.vimeo.com/video/2203727?wmode=transparent.
Domains, protocols and ports must match.
Try to remove the VIMEO and YOUTUBE slides.
Load perfectly in IE 9.0.8 on 64bit.
Interestingly enough, I have had an issue where the problem is not with IE itself. But with all the plugins and toolbars installed that it affects the page.
I've built an example with web-browser in windows phone 7. When I load an html file which created by myself, I can double click on web-browser to zoom in/ zoom out the content. But, when I load an web-page (ex: google.com) I can't.
I uploaded my example to my skydriver account. You can't get it at http://cid-b65eb4d185de7cfc.office.live.com/self.aspx/.Public/Shared/Sandbox.WebBrowser.zip
If you known the reason why, please help me.
I think the reason lies in the meta tags within the HTML headers from Google.
I'd guess that Google have fixed the viewport to not allow zooming:
<meta name="viewport" content="user-scalable=no" />
See this post http://blogs.msdn.com/b/mikeormond/archive/2010/12/16/displaying-html-content-in-windows-phone-7.aspx