Clever Geek Handbook

"font-family: Symbol" and Windows-1252

I have a bunch of HTML documents containing simple encoded text Windows-1252

, but there are numerous elements span

with a font-family: Symbol

.

For example:

<span style='font-family:Symbol'>Ñ</span>

which is displayed as Greek delta-Δ in the browser.

Google told me that using a font Symbol

might show different results on different systems, as it isn't really a well-defined font.
Is it really so? Symbol

Is it "unsafe" to use a font ?

If so, is there any way to reliably convert (on my own system) such characters in the font Symbol

to their copies Windows-1252

?

+3


source to share


3 answers


It has always been unsafe to rely on the presence of a specific font on all computers / smartphones / gadgets that visit your site. There are some font embedding methods that work reasonably well in some modern browsers, but you will need to repackage the Symbol font, and I doubt the copyright owner would allow you to do this.



Of course, most of the symbols in the Symbol font are not in Windows-1252 encoding, but that shouldn't be a problem. You can use the following map to get the corresponding HTML entities. However, you will have to write a script or program using a programming language (HTML is just a markup language).

+1


source


The problem is that the Greek letter you see is just the appearance, the actual letter is something completely different.



I can think of two ways to convert it:
1. Write a script (in your language of choice) that converts each letter to its Greek counterpart. (Ñ => Δ)
2. Take a screenshot of the document / page and use an OCR program to convert it to Greek text.

0


source


In use font-family

, if none of the listed font fonts are found on the client, i.e. no webfont attachments, may cause the client's default font to change, hence a different font replacement will be used for what you show your users.

You might want to use UTF-8 encoding and put a triangle sign (Δ) in your HTML content, or use webfont to provide the "use the font I want from this" option.

0


source






More articles:


All Articles