?
Solved

font-family suitable for Chinese character display

Posted on 2003-11-18
11
Medium Priority
?
2,718 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
10 Comments
 
LVL 17

Expert Comment

by:dorward
ID: 9776966
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
ID: 9782930
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
ID: 9782957
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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 17

Expert Comment

by:dorward
ID: 10462910
recommendation: Points to me.
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 10462951
Thanks for your feedback and collaboration dorward.
Barring any further input, I agree with your recommendation.
0
 
LVL 25

Author Comment

by:Rouchie
ID: 10467525
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
ID: 10467567
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
ID: 10467658
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 225 total points
ID: 10467701
thanks :)
0
 
LVL 5

Expert Comment

by:siva_siva
ID: 25206561
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

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month8 days, 3 hours left to enroll

615 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