How do I get my browser to display unicode correctly?

Question

How to create download button to download link / shortcut to website?

I mean after clicking download button It should download example.html. After opening example.html It should open / redirect to www.mysite.com/etc/index.php?Id=127. Is It possible at all?

Something like: <a href="index.php?Id=127" download>, but It will download PHP file, what is wrong. It should download HTML with redirect to PHP.

Solution 1

Download and install the Symbola font. This is character rendering issue: the post contains, apparently for fun, rarely used characters which are not present in most fonts; they are partly iconic symbols, partly variants of letters coded as mathematical symbols in Unicode (e.g., mathematical bold fraktur letters). Symbola seems to be the only font available that contains all of them.

Solution 2

My Safari 5.1.3 on 10.7.3 displays all characters properly, and I haven't installed any additional fonts. The fraktur characters are included in STIXGeneral, and the emoji characters in Apple Color Emoji.

I guess you are still on 10.6 or 10.5? In any case, Lion should come with the STIX fonts and support emoji out of the box.

Chrome doesn't support Emoji at the moment though, see lion - Why do emoji like 💩 appear when I use Safari, but not Chrome? - Apple - Stack Exchange.

Comments

[slhck]

5.1.2 on 10.6 doesn't display them correctly as well.

[Matt Fenwick]

That definitely improves it. I've add my current status to the OP; is that what it's supposed to look like? There are still a few boxes appearing.

[Jukka K. Korpela]

The remaining boxes should be icons like camels, and Firefox on Win 7 shows them that way but Chrome doesn’t but produces appearance like in your new screen shot. Apparently Chrome is not able to use fonts to the fullest extent without help. It possible misreads information in other fonts, expecting them to support these characters, and thus does not use Symbola for them. If I add the style sheet h1 { font-family: Symbola !important }, even Chrome gets it right,