Our client is running Kentico 9 and is experiencing issues loading the icon fonts from Font Awesome. If this is a Kentico related issue, we’d like to get it figured out ASAP. That said, the client is experiencing these issues internally; on their network. Everyone else outside of their offices is able to see them without issue. They have whitelisted the URLs for the CDN that serves up the icons and when doing so – they are able to see the icons. Assistance or direction on this matter would be greatly appreciated.
I'm using the embed JS code provided by Font Awesome. Should I simply not use the CDN and use local files?
I have had this problem once, Downloading font-awesome files and serving them from the same server where it was consumed solved the purpose for me.
I experienced similar problems as you faced.
Below is the site on which I faced this https://www.landolakesinc.com/
Cheers,
Chetan
My suggestion and best practice is to always use local files/resources. They load faster and you don't have to worry about uptime with the CDN providing those resources.
Knowing this doesn't solve your immediate issue without some work, I'd look into the web.config to ensure you have proper file types allowed. I believe they are added by default in v9 but make sure you have at least the following extenstions mapped:
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff"/>
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2"/>
<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
Also, do the internal folks access the site from an ip address? I have had internal sites not show any font icons, including kenticos because of the ip address. Once I switched it over to an actual domain name, it worked perfectly. Just a thought, as I have seen that happen before.
Related
Hi I am an android developer and haven't much knowledge about web, I purchased this App and it has a web back-end, it working pretty fine when I run it local like this,
but when I run this via hosting , I am getting this. link
After going through some search I found that these are some sort of Angular tags, as I already have mentioned that I haven't knowledge about this, How do I solve this?
It's happening due to hosting or path resolution issues.
None of the JavaScript files are getting loaded due to which the page is breaking and hence you are seeing raw code.
Fixing the proper loading of JS should fix the page. You might need to tweak it further in case relative path's are not loaded correctly.
Overall, it is not a code level issue yet.
Below is the screenshot of the hosted link you shared.
I'm working on a wordpress website on my local machine (vagrant homestead). It works perfectly, all the styling is loaded.
But when I place this online, the theme doesn't work correctly. Console is not showing errors (only warnings). This is the online version.
What could be the problem here?
With the information provided, I would say the stylesheet directory is incorrect or perhaps being overridden by something else. The order of your stylesheets can affect this as well. If this doesn't help, upload a screenshot of all your stylesheets you are including so we can find out which one isn't loading and why.
This is a general question but i didn't found any satisfactory answer of this.I am creating a website with 7-8 pages.I have a common css which is being used in all the pages.When i go to my homepage this css gets loaded.Now when i go to some other page,would this css get loaded again from server or from browser local cache?
I read somewhere that you have to make some changes in server's .htaccess file for enabling the browser cache.Does browser itself doesn't use the cached files? I would be hosting the website first time so i have no idea of this stuff.Please guide so that i can make a site with better performance.
It depends on the caching policy enforced by the web server/ Most goods ones will only deliver it once and that may be over multiple visits to your site. Perhaps look at the HTTP headers to find out. Firebug can do this for you
I think this depends on the browser settings. I do notice in chrome I sometimes need to empty the cache. You can also specify it to cache. I am not exactly sure how, but you can look up application caching.
I may be wrong by saying it is my users browser but i have a question when updating my online store.
I have recently redesigned my homepage store which i am currently in the middle of completing.
It can be found through http://www.hot-water-cylinders.com/
Bascially, i realized going through a computer that had already been to the website and stored it in its cache everything was out of place, the image files linked into the document where the old ones use and basically clearing my browsers data was the only way of fixing the layout,
My question is that will my returning visitors have to deal with this issue too, like having to clear their cache and is the anyway to prevent this?
Thanks,
Kieren.
This is how HTTP caching is supposed to work.
The best way to avoid this is to make the resource URL:s unique. If you're doing all of this manually try putting the new resources in a versioned folder (/2.0/css, /2.0/img, etc).
At first, yes, but the browser cache usually least for only a day. If you want to prevent any cache you need to add a version to your style request as below
<link rel="stylesheet" href="path/to/my/css/mystyle.css?v=1">
The v parameter is relative to your css version, when you upload a new style version you'll need to change the version.
I have a website hosted on IIS to do some testing. However whenever I change the html files in the website directory and referesh the webpage in my browser (chrome), nothing changes. Do I have to force the server to update and see the new changes, or is there something else?
I think that's not server related problem. (Of course you can try to restart server, or system if nothing helps)
Try followings
Clean your cookies, browsing history.
Then force refresh the page by hitting F5 / CTRL+F5 / CTRL+R.
Check with another browser
AFAIK you don't need to force any IIS reset or anything of that kind. As the other comments and answers already suggested something else is probably going on:
browser cache
perhaps IIS is not serving the files you're changing (a duplicate perhaps)
... etc
Try some Rubber Duck Debugging to find the problem, helped me out more than once with this kind of "This should just work, why doesn't it?" problem.
I've been using IIS for over a decade and it is very good about recognizing changes in your content and serving the latest. You don't have to refresh it. Some files like web.config or global.asa are special and when they are changed IIS will automatically restart the site for you.
Mime types like html, txt, gif, and jpeg are assumed by proxies and browsers to be very static and are cached aggressively in those layers (vs asp, jsp, etc).
This superuser question talks about refreshing in Chrome -- apparently its not always simple.
If, however, you want to give IIS a kick the easiest way is with the command line:
iisreset
I doubt it will fix your problem but it might make you feel better :)
This could be the browser cache (And yes! sometime Chrome is too smart). As you can see people answer here, their solutions can help. However, I would like to point possible problems of each solution and give my favorite solution.
clean browser history: no one like it, pretty annoy that you have to clean verytime.
force refresh by f5 or ctrl +f5: sometime this does not work.
check with another broswer: you can face the same problem when you do another change.
My favorite solution is that if your url is 'http://localhost/page1.html', you can call as 'http://localhost/page1.html?fake=xxxxx'. The xxxx can be any thing. You can change it anything you want. This solution fakes different urls for brosers but actually it is not different.