Hello
I have a problem with when the website on HTTPS mode,When i click to login or using sll on my website , some fonts are changing.You can see on the attachement on ScreenShot.
You can see some h1 h2 h3 fonts are changing.Without https pages are no problem.
THank you
Hi, I installed the SSL and had the same problem as yours. After researching online, I understand this font problem was caused by the SSL, which doesn't allow any fonts that it considered not secure to show. What we need to do is to change the code. A lot of google fonts have this problem, and if we change the "http://fonts.googleapis.com/css?family.... " to "https://...", it may solve the problem. However, where to find this line of code is an issue. I'm still working on this.
I found the solution! The font issue was caused by the SSL. As many programmers use Google Fonts, which were considered by the SSL as not secure, the SSL page either shows different fonts or gives error notifications. To solve this, very simple, just make the SSL believe that the fonts are safe.
1. Locate this line on template): <link href="http://fonts.googleapis.com/css?family=Oswald|PT+Sans" rel="stylesheet" type="text/css"> (Please note, Oswald|PT+Sans are my website fonts, yours will be different).
This line is in the header.tpl, under this route: /catalog/view/theme/[Your theme]/template/common.
2. Simply delete the http: from the above line, i.e. after deletion, it should be: <link href="//fonts.googleapis.com/css?family=Oswald|PT+Sans" rel="stylesheet" type="text/css">.
3. Save and do not update the link (I am using Dreamweaver. After I saved this file, I was asked whether to update the link. I clicked yes, then uploaded the new file and found the website had a big problem. I tried not to update the link, then it's perfect! So, do not update the link if you use Dreamweaver).
4. Upload this header.tpl to replace its current one. Note, the only change is this new one has no http:// in that line.
Then, everything is perfect! The trick is this change will make your browser call the Google Font page in the applicable mode (HTTP vs HTTPS).
I read many posts and articles and finally found this solution, thanks to a post on the Magento forum: http://goo.gl/I6qPue
1. Locate this line on template): <link href="http://fonts.googleapis.com/css?family=Oswald|PT+Sans" rel="stylesheet" type="text/css"> (Please note, Oswald|PT+Sans are my website fonts, yours will be different).
This line is in the header.tpl, under this route: /catalog/view/theme/[Your theme]/template/common.
2. Simply delete the http: from the above line, i.e. after deletion, it should be: <link href="//fonts.googleapis.com/css?family=Oswald|PT+Sans" rel="stylesheet" type="text/css">.
3. Save and do not update the link (I am using Dreamweaver. After I saved this file, I was asked whether to update the link. I clicked yes, then uploaded the new file and found the website had a big problem. I tried not to update the link, then it's perfect! So, do not update the link if you use Dreamweaver).
4. Upload this header.tpl to replace its current one. Note, the only change is this new one has no http:// in that line.
Then, everything is perfect! The trick is this change will make your browser call the Google Font page in the applicable mode (HTTP vs HTTPS).
I read many posts and articles and finally found this solution, thanks to a post on the Magento forum: http://goo.gl/I6qPueThank you - this worked like a charm!!!huibin wrote: ↑Sun Sep 22, 2013 1:58 amI found the solution! The font issue was caused by the SSL. As many programmers use Google Fonts, which were considered by the SSL as not secure, the SSL page either shows different fonts or gives error notifications. To solve this, very simple, just make the SSL believe that the fonts are safe.
1. Locate this line on template): <link href="http://fonts.googleapis.com/css?family=Oswald|PT+Sans" rel="stylesheet" type="text/css"> (Please note, Oswald|PT+Sans are my website fonts, yours will be different).
This line is in the header.tpl, under this route: /catalog/view/theme/[Your theme]/template/common.
2. Simply delete the http: from the above line, i.e. after deletion, it should be: <link href="//fonts.googleapis.com/css?family=Oswald|PT+Sans" rel="stylesheet" type="text/css">.
3. Save and do not update the link (I am using Dreamweaver. After I saved this file, I was asked whether to update the link. I clicked yes, then uploaded the new file and found the website had a big problem. I tried not to update the link, then it's perfect! So, do not update the link if you use Dreamweaver).
4. Upload this header.tpl to replace its current one. Note, the only change is this new one has no http:// in that line.
Then, everything is perfect! The trick is this change will make your browser call the Google Font page in the applicable mode (HTTP vs HTTPS).
Who is online
Users browsing this forum: Bing [Bot] and 139 guests
