Solved

font-family suitable for Chinese character display

Posted on 2003-11-18
11
2,681 Views
Last Modified: 2013-12-03
Hi All,

Can anyone tell me the font that I should use in my style sheets to display Chinese (Simplified) characters?  I have them all installed as required and can read them perfectly from other sites.

On Microsoft's (plus many other's) the style sheet contains the following;

     BODY  {font-family: ËÎÌå;}

but what font is ËÎÌå exactly?  Or more to the point, what's the name for it on my system?

I presume I have this font as pages displaying the code appear to render normally?
0
Comment
Question by:Rouchie
11 Comments
 
LVL 17

Expert Comment

by:dorward
Comment Utility
If you have your content type set correctly then the users system should be able to pick a font that includes the characters. Tryuing to select one for them can be risky as different fonts have different versions, and not all include the characters you want.

If you have ËÎÌå on your system then it should be called ËÎÌå

You may or may not have it, the browser could notice that you don't have it and automatically pick a font with the right characters in it.

You should configure your webserver to send the correct character information to make sure browsers can select such a font (assuming they have one with suitable characters installed at all). See also: <http://www.cs.tut.fi/~jkorpela/chars.html>
0
 
LVL 25

Author Comment

by:Rouchie
Comment Utility
Nope, definitely don't have ËÎÌå on my system.  

If I don't supply a font name in the style sheet so that the browser automatically chooses a suitable one, is there a danger that where there are still European characters on the page (i.e. a few English words grouped in the page footer or something), the browser will use Times New Roman to render those characters with?
0
 
LVL 17

Expert Comment

by:dorward
Comment Utility
If you don't specify a font, then the user will see the text in whatever font is set for that character set in the users preferences.

I wouldn't consider using Times New Roman a danger if that is what the user has selected (or seen no need to change).
0
 
LVL 17

Expert Comment

by:dorward
Comment Utility
recommendation: Points to me.
0
 
LVL 31

Expert Comment

by:seanpowell
Comment Utility
Thanks for your feedback and collaboration dorward.
Barring any further input, I agree with your recommendation.
0
6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

 
LVL 25

Author Comment

by:Rouchie
Comment Utility
dorward, your first answer provided the most help with the link, but the answer wasn't contained within the recommended web page.

The solution to the problem was to use the <CHARSET> HTML header to enable the browser to automatically choose a font that contained all the necessary glyphs.  As a secondary measure, including a font such as Arial Unicode MS in the style sheet (which contains all Simplified Chinese characters) provided the necessary backup mechanism in case of error.

I believe ËÎÌå was Notepad's interpretation of a font that was originally named using Chinese glyphs (i.e. a true Chinese font), but because Notepad wasn't using Arial Unicode MS (or compatible font) to display the HTML, the font name wasn't displayed correctly when I was viewing the code.

Anyway, for anyone else that is suffering this problem in the future, the following two sites provide the bare-bones essentials to what's required, with everything you need to get it working and none of the confusing extras concerning the language backgrounds and byte code variations etc etc etc:

http://www.chinesecomputing.com/internet/web.html
http://hotwired.lycos.com/webmonkey/97/48/index1a.html?tw=design

Thanks for your help though.  seanpowell, I'm not sure whether points are awarded when the correct answer isn't provided, but I believe the question shouldn't be deleted as I'm sure plenty of other designers will encounter these issues.  If dorward needs to get the points for it to stay, so be it....   :-)

Cheers Guys.
0
 
LVL 17

Expert Comment

by:dorward
Comment Utility
The charset http header, you mean the charset section of the content type header?

From my site: Content-Type: text/html; charset=ISO-8859-1

Quote from my comment: "have your content type set correctly"
0
 
LVL 25

Author Comment

by:Rouchie
Comment Utility
Ah yes I missed that when I read back through, sorry.   The sites I gave links for above explain how that charset process works so it's not always necessary for the user to have zillions of fonts installed.  

Points to you then!  :-)
0
 
LVL 17

Accepted Solution

by:
dorward earned 75 total points
Comment Utility
thanks :)
0
 
LVL 5

Expert Comment

by:siva_siva
Comment Utility
WHERE Can i Download that  "ËÎÌå"  Font.
Can any one Tell me the path. Whether its free or PAID. I am so tired by searching it.
0

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now