Why other languages character doesn't show in browser title bar?
for example see this http://chhotikashi.com/
It works fine in Firefox on Vista for me. The computer you're on likely has an older version of whatever font Firefox uses in the title bar. That font doesn't have the glyphs for your language.
Works fine for me (Firefox on Windows 7): बीकानेर, राजस्थान से अंतर्जाल पर प्रकाशित एक हिन्दी लोकप्रिय समाचार पत्र but doesn't work on any browser in Windows XP SP3 german.
As I said in the comments, this is probably down to the installed font(s) not supporting the character set. Installing the language in Windows would probably help. Here is more info: Unicode and Multilingual Support in HTML, Fonts, Web Browsers and Other Applications
Its depend on Your PC Regional Setting configuration, So check if you installed considering language or not.
Related
I have got a website running with the Google Fonts Rubik for ages. This morning it appears that this font is not rendering anymore on my desktop (Chrome, Firefox, Opera) and several others, coming up fine on my Smartphone. I switched to Roboto for the time being.
Any idea ?
This http://www.mejoresdatos.cl/FontIssue.aspx shows what shown below:
Same problem here it only happens on Windows 7 Machines no matter the browser. OSX and all mobile devices I have tested on it is working on.
https://fonts.google.com/?query=Rubik. See this is not even working here. Temporarily you can try embedding the font through CSS. Till google solves this.
I had the same issue, what worked for me was simply to force a new fetch rather than rely on the cache.
i.e. I added the parameter &cache=clear to the font.googleapis.com URL:
#import 'https://fonts.googleapis.com/css?family=Rubik:400,500,700,900&cache=clear';
I was making a presentation using Google slides (in Chinese) and when I want to preview it in presentation mode, "some" of the font looks different from editor mode.
The sample here
I've tried searching on Google and found only this discussion thread, but my problem is a little bit different. The font changes when I change it in the editor and in the presentation mode, the "character" somehow just looks different in presentation mode(the font style is correct). I have tried Safari, Chrome, Firefox, but all fails.
Is this like a bug only for Chinese characters? English seems perfectly fine to me. Does anyone have the same problem and knows how to resolve it?
Actually this happens to many other languages (like JP, KO, etc.) as well.
It gets rendered differently from editor to presentation mode.
So, here is the quick fix for the issue.
Use 'ShowAsIs' Chrome extension to fix it.
https://www.youtube.com/watch?v=Rt4xnAFFGik
Disclaimer: I am the developer of the extension.
So this is a problem I have on a site I'm developing, but I included a screenshot from the Google Fonts web site, because it's public and everyone can look at it and it's also clear it's not something specific to my code.
The screenshot was taken on a Windows 7 virtual machine running IE9. It's the virtual machine from https://dev.modern.ie, so there shouldn't be anything special about it either.
And finally, this is the Fira Sans font, but this same issue has happened to me before with the Lato font on another (Windows) machine, so it shouldn't be the font either.
If you open the page — https://www.google.com/fonts/specimen/Fira+Sans — it will probably look just fine on your machine, as it does on mine. I can only reproduce it on the VM.
Here's how it looks in IE9:
In Chrome all glyphs are missing, so all of the text that is using the font is not rendered at all.
In Firefox the rendering is a little ugly, somewhat pixelated, but at least all of the glyphs are there and it's almost alright.
I tried deleting C:\Windows\System32\FNTCACHE.DAT and some font-related .dat file in
C:\Windows\ServiceProfiles\LocalService\Appdata\Local, but it made no difference.
At this point I have absolutely no idea what's going on. Do you have any idea what might be causing this? Any help is much appreciated.
Im currently building a website and it seems that the font used in the header isnt rendering correctly on windows machines. I've checked the windows machines have cleartype enabled which they do so im wondering if anybody else has come across this issue or knows what the cause is?
Windows...
OSX...
It seems that particular font has not been properly hinted, and that causes numbers to have uneven sizes with the Windows ClearType (mis)renderer.
You can try to fix the issue with the FreeType’s ttfautohint tool.
There are a lot of reasons why fonts render differently from OS to OS and browser to browser. This SixRevisions article discusses some of the challenges using custom fonts online and towards the end there is a section on font rendering. It's a jungle out there.
I am studying CSS3 and HTML5 and trying to develop a simple homepage. Since I have only Mac interface in my house so I couldn't check any differences on windows.
But one day, one of my acquaintances told me that there is a pixel difference between browsers which I didn't know at all. Then I checked my page and it appeared to be wrong.
Even though it was same resolution as I set, Chrome on Mac showed me an appropriate position of several buttons but Chrome on Windows didn't.
Their position was quite different and ruined the design. How can I fix this problem? or is it normal?
Thanks.
Developing a site that is the same on every combination of operating system and browser is no easy task. It has personally added many hours to my development time trying to fix the issues.
There are several tools out there that try to help you with this task, such as Cross Browser Testing. Or you can manually test it by installing the browsers on your machine. It is also common to use virtual machines to test your website on other platforms. VMware is popular.
Using cross browser libraries can also aid in this. Such as jQuery, which is very popular. This page lists more information on the subject, in general.
Difference is not in Chrome, but difference is in Mac and Windows.
Here, you can detect the userAgent and add the appropriate class to the body tag (with jQuery):
jQuery(document).ready(function(){
if(navigator.userAgent.indexOf('Mac') > 0){
jQuery('body').addClass('mac-os');
} else {
jQuery("body").addClass("pc");
}
});
After detecting userAgent, you can write css specially for Mac and Window and their browsers too.
In 2018 chrome and firefox behave differently depending on the operating system. I built a site recently, and on latest chrome and firefox versions one page was rendering OK in windows, while on macOS and ubuntu, it had a small glitch. The elements that are supposed to be inline were displaying horizontally in certain states.