Solved

font-family suitable for Chinese character display

Posted on 2003-11-18
11
2,699 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
11 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 75 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

Technology Partners: 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!

Question has a verified solution.

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

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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…

695 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