I'm seeing strange icons on Safari, but only in one section of my site, I've tried googling/searching stack for an answer but it's hard because I can't copy the symbols and in the inspector there's just space between each word. The only way I can show the problem is with a picture:
Help me Stackoverflow, you're my only hope!
The problem is that your browser is using a different character encoding from that of the document you're viewing.
So be sure that your web page uses the UTF-8 encoding:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
It was photoshop's fault, I'd copied the text straight from the PSD and I guess it had some encoding that added those symbols, I've re-typed the quote by hand (shudder) and the symbols are gone :)
Related
I have set my coding on website using <meta charset="Utf-8"> I have it right written, so if there is a mistake, it is not in my website. Now.. It does not work. I think it is because of website coding is set by "windows-1208" or something like that. But I can not find out how to fix this, because is defined by my computer... any ideas?
<meta charset="Utf-8"> tells the browser to display the page in UTF-8. But if you used an other encoding in your editor (e.g. windows-1208 or so) and saved your html page in that encoding, the page won't be displayed correctly.
Make sure, you saved your file in the same encoding as you declared in the meta tag.
To fix it, open the html document in e.g. Notepad++, choose in the menu «Encoding» «Encode in UTF-8 without BOM»
In Internet Explorer, I keep coming across these strange diamond symbols whenever a certain character is on the screen. These characters are copied from Wordpress and are typically a long dash or an apostrophe.
Here is what these diamond characters look like: http://imgur.com/teheGy4
Whenever I change IE's encoding setting to 'Western European' it fixes the problem. See here: http://imgur.com/OmVTaJ0
So I changed my meta to reflect the 'Western European' setting
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
Still no luck in IE, however it did fix the problem in Firefox. Any suggestions on what else can be done to fix this?
You'll have to get the corresponding ascii code and use that in place of your special characters.
I have a website in HTML5. Most of the content there is in Czech, which has some special symbols like "ř, č, š" etc...
I searched the internet for recommended charsets and I got these answers: UTF-8, ISO 8859-2 and Windows-1250.
<meta http-equiv="Content-Type" content="text/html; charset=ISO 8859-2" />
I tried UTF-8 which didnt work at all and then settled up with ISO 8859-2. I tested my website on my computer in the latest versions of Chrome, Firefox, IE and Opera. Everything worked fine but when I tested my website at http://browsershots.org/ , these characters were not displayed correctly (in the same browsers that I used for testing!).
How is that possible? How can I ensure, that all characters are displayed correctly in all web browsers. Is it possible that usage of HTML5 causes these problems (since its not fully supported by all browsers, but I am not using any advanced functions)?
Thanks for any hints and troubleshooting tips!
If you using HTML5, try this short declaration of charset:
<meta charset="UTF-8">
Additionally check you html file encoding. You can do it in Notepad++, menu Encoding -> Encode in UTF-8.
The important thing is that the actual encoding of the data coincides with the declared encoding. From the description, it seems that the actual encoding is ISO-8859-2, so you should declare it. Note that the name of the encoding has no space but hyphens. (I wonder whether you used it with a space – I would expect browsers to ignore the tag then.) The following is the simplest declaration:
<meta charset=ISO-8859-2>
I would not trust on browsershots.org getting things like this right. Testing on actual browsers is more useful.
UTF-8 is the best-supported character set for international usage. If it does not display correctly, you should ensure that your file is saved in UTF-8 format. Even Notepad has a "UTF-8" option in its save dialog.
I have a website with multi-language my page encoding is utf-8, when i use encoding utf-8 it shows all languages but page goes to left and auto margin does not work. when i turn off utf-8 then it shows page in middle (that i want) but all languages turns into boxes.
here is my page encoding
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
I have open pages in text editor and saved as with encoding utf-8
when i save as encoding ANSI its layout works fine like i mention below and for utf-8 not
How can I solve that issue?
This issue comes in IE i am using IE9
Do you get the same issues with just using:
<meta charset="utf-8">
I'm working on my first phonegap application, an android based simple form app.
My problem is that all my non-latin characters appear unreadable.
I added the content meta tag with utf-8, made sure I saved the file as utf-8, made sure to use font with the needed letters and also added xml:lang to the decleration.
Couldn't find any other idea, because i'm a web dev and this usually solves these issues...
Maybe someone has any idea?
feels like my questions back when I just started web development :)
Thanks!
Just add meta:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
If you are using Eclipse, which is default for the PhoneGap Android, make sure you applied the utf-8 text file encoding. (Project - Properties - Resource: Text File Encoding - Other [UTF-8]).
The meta tag should also be in your index.html
<head>
<meta charset=utf-8>
...
</head>
sometime it happens from visual studio page Unicode setting: for this go to file > advance save options > select Unicode utf 8 with signature and then click ok.