WordPress.org

1. tuunup
   Member
   Posted 2 years ago #

   Hi, how do I make Vietnamese fonts appear correctly in WordPress? Viet fonts usually appear correctly on the web when I use Unikey and set the "character set" to Unicode and the input method to "VNI." I am able to view the fonts correctly when I first type it in "Edit" but when I preview it, the accent marks turn to question marks not only for the Preview but for the Edit portion as well. As a result, I end up losing the correct font appearance for what I have written in Vietnamese.

   For example, I type this in "Edit":

   Không viết được font tiếng Việt ở đây vì khi Preview những dấu sẽ trở thành dấu hỏi.

   The Preview shows this:

   Không vi?t ???c font ti?ng Vi?t ? ?ây vì khi Preview nh?ng d?u s? tr? thành d?u h?i.

   Thanks.

   TuUnUP
   http://www.tuunup.com

2. tuunup
   Member
   Posted 2 years ago #

   I still have not resolved this problem. I read somewhere that I can set the "language" to reflect the language I want. Can someone tell me where the language setting is? I looked under "Settings" in the Dashboard but didn't see an option to change the language. I remember that I saw it at the beginning when I first created my WordPress blog, but don't know how to get to it now.

   Thanks for helping.

3. tuanan
   Member
   Posted 2 years ago #

   hi, tuunup, your blog is beautiful. I think the problem here is with the font used in the theme, which is Georgia. Georgia does not include the full vietnamese unicode glyphs such as "ê, ư, ơ...".
   When you are editing in the wordpress admin, the font is Times New Roman, so you can see those vietnamese glyphs.
   Popular vietnamese unicode fonts are Times New Roman, Arial, Tahoma, Verdana, Palatino Linotype, courier new.
   The theme Vigilance with the main font georgia is great, but sadly it does not support Vietnamese language.
   In this case, I would suggest editing your theme css. If you only need to use vietnamese a few times. Just add one line to your stylesheet to alter the font.
   

   .vietnamese {font-family: "Palatino Linotype", "Time New Roman"; }

   For example, if you want to use vietnamese in a paragraph, add a "vietnamese" class to it. (when editing in html, change the vietnamese paragraph to this <p class="vietnamese"> )
   Hope this helps

4. tuunup
   Member
   Posted 2 years ago #

   @tuanan, I put the font code as you suggested in the style.css page but it still didn't work. Is the style.css page where the code should go? I didn't see any other css listed.

   Thanks.

5. tuanan
   Member
   Posted 2 years ago #

   yes, the code should be in style.css
   I made a typo in the font name, it should be Times not Time.
   I think the solution to your problem is to change the font georgia to some unicode fonts I listed above. This can be done using css or some html tags. You can find out more about hmtl and css here and here. You can choose any of these suggestions:

   1. Using font tag to change the font
      Editing your post in html mode. and wrap the vietnamese content in the font tag
      

      This is an english sentence
      <font face="Arial">
      This sentence is in <em><font> </font></em> so the font is Times New Roman. Vietnamese text is then supported.
      </font>

      You can choose Times New Roman or Arial...

   2. Using css font-family property to change font
      Changing the main font
      Insert this in your style.css
      

      body {font-family: Arial;}; /*change the main font to arial*/

      just replace arial with your chosen font. The main font will be changed.
      Using a css class to style the font
      add this to your style.css
      

      .vietnamese {font-family: Arial;}

      Then apply the class to the vietnamese content.
      Edit post in html, warp the vietnamese content in a div tag with a class of vietnamese (you could name the class anything you want)
      

      This is the english text
      <div class="vietnamese">
      inside this div is the vietnamese content, the font is Arial
      </div>
      orther english text

   By the way, you should make sure the browser character encoding is Unicode to display Vietnamese correctly, try testing the site in other browers, other pcs, os... if the problem is not solved.

6. tuunup
   Member
   Posted 2 years ago #

   Alas, I've tried what you suggested and still, nothing works.

   I'm able to view Vietnamese fonts on other websites fine, such as this one http://vi.wordpress.org/

   Any advice on which WordPress theme I can use which will automatically allow Unicode to appear correctly?

   Thanks.

7. tuunup
   Member
   Posted 2 years ago #

   Finally found the solution. Turns out that Unicode wasn't appearing correctly through WordPress and an adjustment was needed in wp-config.php.

   Here is the info that I found (for those who is experiencing the same problem with Unicode). It's from http://hansengel.wordpress.com/2007/10/09/wordpress-unicode-and-s/

   Open up ‘wp-config.php’ from the root directory of your WordPress installation.

   Add // at the very beginning of these two lines:
   define('DB_CHARSET', 'utf8');
   define('DB_COLLATE', '');

   So that section should now look like this:
   //define('DB_CHARSET', 'utf8');
   //define('DB_COLLATE', '');

8. tuanan
   Member
   Posted 2 years ago #

   glad you found the solution

Topic Closed

This topic has been closed to new replies.