I'm using a couple of custom fonts in my site, one from google fonts and another that I uploaded along side the index.html. All properly declared in the css file.
When I preview the site throught the HTML Editor (Sublime Text 3) it shows just fine with all the custom fonts in place, but once I upload it to the server and acess the site through the internet all the fonts change to arial, I believe. This also happens in Internet Explorer. I looked the CSS file and its all good. The fonts are declared in the right elements and there is no overwrite.
Now the wierd part is that when I open the site in Inconito Mode from Chrome, the fonts load just fine. Which makes me think that there is no problem with the css. When I inspect the element thought the browser it shows as crossed out.
Have no idea what is causing this, anyone have ever seen something like this?
I'm having the same problem, not only with google fonts but also with fonts I made myself and are uploaded to the same server; In my case it was because I installed the chrome app disable web fonts (without knowing that I did that), and this app isn't working in incognito mode.
Make sure to clear the cache of your browser. If your using google font, i guess your reference is made to the google site. Make sure the server can access the google site.
I have already experienced a delay for the font to load because of the external reference.
Hope this help.
Related
i have 2 websites that i build with WordPress , both of them works well in Firefox and chrome without any problems .
but i found that both my WordPress site wont load in Internet explore at all
this error show when i try to reach :
This page can’t be displayed
•Make sure the web address https://owjgraphic.com/ is correct.
•Look for the page with your search engine.
•Refresh the page in a few minutes.
that's very weird ! i contact to my host administrator and they say it`s not related to us and you must found the problem by yourself
I use IE to load without showing the above problems.
First, you could use the F12 developer tool to check if there’s error.
Second, you could refer to the following links:
Website theme and software version.
Check IE compatibility mark "x-ua-compatible".
In addition, if you still can't make it work on IE, hopefully you could provide information about the code or settings that is related to browser loading to reproduce your problem.
We have finished up a site for a client using Wordpress as the platform. The site loads fine over cellular data, and in my office, and strangely enough when connected to the clients WIFI inside their offices.
However, as soon as I try to access the site on one of their office machines, usually connected via ethernet, images do not load. They 404 when opened in a new tab and are either a. blank when viewed in page or b. display the accessibility alt text. They do not display the broken link icon but display a rectangle. I've tried on many of their machines with the same result.
I have tried clearing cache, allowing permissions in chrome for almost everything, viewing in incognito and checking links to make sure they are correct. All links work just fine via WIFI.
This is horrible situation as it makes us look totally unprofessional, even though this issue is clearly something to do with their local server.
Their old site which was pure HTML from 2001 did not have this issue, so could it be something that we haven't added to the htaccess that we should of?
Thanks and please help!
Did you try using the browser developer tool to inspect the img tags. See if you can access the img src url directly clicking on the link. Use the browser debugger to find out the root cause. It might caching issue or broken url or mixed content issue.
I am developing a website and I faced an issue today on my site, I will try to briefly explain the scenario hoping anyone could give a proper explanation for it.
My website is a WordPress website and I have the coming soon page activated so users will be redirected to it.
Two days ago I turned that plugin off by mistake and users were able to see my page. Today I turned it back on, and that's where the issue arises.
In full web (desktop) the coming soon page is visible and working fine, but when I hit the responsive view on my chrome browser the page is still available and the welcome page is not. In the sources tab, I can see the hosted directory being loaded so I went to the hosted directory (public_html) and I hid the folder that contains all the assets (renamed it to .foldername).
I hit refresh still loads the old page when I hit ctrl+shift+r I get the new version. On Firefox the scenario isn't reproducible it just happens on responsive view on Google Chrome browser.
Can anybody explain to me what's happening I assume it has something to do with Google caching my webpage and never updating it. But if like to hear a more professional explanation Thanks.
Have you tried clearing your Cache in Google Chrome? Also, Have you enqueued any Scripts or Styles in your functions.php file? If so, increase their version number. This will force the browser to download the Scripts and/or Styles again rather than loading any Cached copies.
Hope this helps to resolve your problem(s).
I have a site www.mathildaparadeiser.com that is showing a white screen of death on Chrome. All other browsers seem fine.
Removed all plugins but still being shown. Chrome is updated and Wordpress also. Looking in Chrome Tools I get this first error
VM100:1 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
Any ideas what would be causing this? Have debugged all I can.
Have you installed any chrome extension plugins ?
Your site has uses a service called Incapsula. The website admins configured Incapsula to prevent bots from accessing it's content.
Please read here more :-
How to get the body content from a PHP-generated HTML page?
Some times your site contents loads, some time it shows a captcha. Check with your Hosting provider to understand.
I am using a custom font on my site and in search of a way that this font will be installed automatically on the user's system who is opening the site.
Is there any script or any way to do that?
Yes, font squirrel has an easy-to-use generator that will transform your font into various formats appropriate for different browsers.
The font is not actually installed on the user's machine, it's linked remotely, like an image or script. There's no way to automatically install things on people's machines for obvious security reasons.
The answer is Yes!
New in CSS3 is #font-face, which tells a browser to download a font and use it to render some text. This is an an example I made with jsFiddle. The caveat with #font-face is that each browser requires a different file type to work. On websites like Google Web Fonts you can use fonts that will work in all browsers.