One of our users reported that fonts in the web page are coming in some unknown language instead of english. Couldn't even able to figure out what language it is. What confuses me is some content on the page is in english and some has the issue.
Couple of days wasted researching on internet but nothing found.
This issue is specific to only few users, not sure if some fonts are overriden by some extenal factors! or if the user's computer is missing windows fonts! or any extensions on chrome causing the issue or god knows what!
Any suggestion, clue , help really appriciated.
Thanks
Related
I find a lot questions about Problems with not displayed Icons of Awesome font. But they didn't match my specific Problem.
I try to implement in my website a project from heise.de, called Shariff. Shariff enables website users to share their favorite content in social networtks without compromising their privacy. To realize this not the common Share- or Like-Buttons of Facebook, Twitter etc. are used.
In this project Awesome font is used for example to show the known symbols of Facebook, Twitter etc. near the share-buttons. The Awesome-font is implemented in the file shariff.css by #font-face. I have downloaded the font v=4.6.3 and have installed it on my webspace.
When viewing my demo-site with iPhone/iPad (Safari) or Chrome, I can see the symbols of Facebook, Twitter, LinkedIn, etc. But in IE11 not. To check out if my CSS has some bugs I replaced for example the twitter-symbol by an normal charakcter::
Instead of:
.fa-twitter:before{content:"\f099"}
I used:
.fa-twitter:before{content:"tw"}.
This is working in IE11 and I saw 'tw' before the tweet-button.
I searched the web in the last few days to find a solution for this problem in IE11, but can't find anything that works.
I guess there must be something wrong in the shariff.css where I implement Awesome font via #font-face, but I can't find the bug. So I hope someone here can help. Please be lenient with me if its just something like a missing space, bracket, etc. I'm blind and have to read the CSS-file with an voice-synth, that is in this case a bit difficult.
You will find my test-site and the CSS here:
http://www.sensitive-tiertherapie.de/test/index.htm
http://www.sensitive-tiertherapie.de/test/css/shariff.css
Unfortunately this website is in German, but if you scroll down to the bottom of that site you can see the share-buttons.
I would appreciate if someone could find-out, why it doesn't work as it should.
BTW: I hope my question will be displayed ok, because the handling of this site by screenreader isn't very smooth.
Kind regards, Michael
Many thanks for your feedback, I get the solution:
It was a local accessibility setting of IE11 in:
Extras -> Options -> General -> Accessibility
Here was "ignore fonts on Website" selected. After I turned off this setting, the icons of Awesome-font appears as expected.
So if anyone get into the same trouble, check
1. compatibility mode of IE11 and
2. accessibility settings.
One of my sites came up as hacked on Google recently so I have been trying to fix the problem. When I looked at it using a browser, everything looked normal, but when I looked at it using "Fetch as Google" a load of junk came up after the first meta tag. I got rid of the spurious code by adding:
<http-equiv="x-dns-prefetch-control" content="off">
to the header, but my question is: Does anyone have any idea how this could have happened please? I am on an IIS server but when speaking to the host company (123-reg) they said that it was not possible for their server to be hacked. Has anyone else had this sort of problem?
I have fixed the issue on the surface but I am concerned with where the vulnerability lies.
Thanks in advance for any help with this matter.
This question doesn't deal too much with coding itself, but if there's a fix for it in any way, do let me know. I've searched around for a while looking for an answer, as I've had this issue for a long time. Can anyone explain why this text in Chrome looks so terrible? This is just an example of some buttons on this website: bad text image
Each individual letter looks like it's a different size from the previous one, and nothing is smooth. It looks jagged and terrible. I've tried toggling on and off DirectWrite, but that hasn't changed anything. The text is like this on every site, not just StackOverflow of course. I hope this isn't how it's supposed to look...anyone?
Have you tried setting the font for Chrome?
chrome://settings/ > show advanced settings >web content > customize fonts...
Actually, there are a number of different fixes people have found helpful for this.
For one WordPress site I run, the problem was solved by loading a set of font files to our site and implementing #FontFace differently (some additional browser-specific settings and getting the sequence of those correct). This resolved the issue for all users without the need for any local changes to OS or Browser. Other folks have had success with a other CSS formatting settings.
Localised fixes include changing Chrome browser settings, and changing settings in Windows. Like the OP, I didn't find these helpful but others apparently have.
Edit - These Stack posts host a good discussion of the various options people have found helpful:
https://superuser.com/questions/308135/how-can-i-improve-font-appearance-in-google-chrome
Jagged and choppy Google webfonts in Chrome and Firefox on Windows
PS - #user2864740 In my opinion, the various CSS suggestions (#FontFace, -webkit-text-stroke: 0.25px, etc) do constitute a coding fix.
I got stuck on a problem and hope some of you can help me out. I created a company web page and integrated Font Awesome.
I made an static version of the page based on HTML5, CSS3, jQuery and all works great.
Due to the fact that my customer can make his own small content editing I tried to implement my static web page into GetSimple CMS.
Everything works just great except for the fact that the Font Awesome fonts are not showing up.
In order to exclude the error that I made an path error with the css or the font files I tried to track them down and addressed them absolut.
In my opinion the files are integrated properly.
Does someone know if theres something special to make when integrating fonts into GetSimple CMS?
It would be nice if someone can give me an advice,
many thanks,
greetings.
Some Images as attachment (Dropbox Folder Link):
https://www.dropbox.com/sh/ajha139zt9kmi7r/qilSDA813w
Instead of hosting the fonts on your site, have you considered using a CDN? Just replace the font awesome CSS call in the head of your template with
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
and you are good to go.
In addition to removing a lot of potential problems, you usually get a performance boost as
well.
Good luck!
For some reason my homepage is displaying older content to certain users. So much so that content from many months ago is displaying in their browser even though the html content is currently completely different. I suggested a clearing of the cache but the problem persists. Has anyone come across this problem before and what solutions were used to solve this?
Are you using Wordpess?
If so you may have installed a plug-in at some point called Hyper Cache or something similar, turn it off and then tell them to refresh the page,
Aside from that It could be a DNS issue with crap hosters (happened to me only the other day)
Can you give us a URL etc to check out?