2015-05-02 4 views
3

Я пытаюсь отобразить текст в традиционном китайском на моем сайте естьКак использовать традиционный китайский шрифт в css?

HTML:

<div id = "shareText">好</div> 

CSS:

#shareText 
{ 
    position: absolute; 
    right: 125px; 
    padding: 20px 0 0 0; 
    color: #a9a4a4; 
    font-size: 25px; 
} 

Однако вывод символов я получаю это: ¥ ½. Я устал менять шрифт следующим образом:

#shareText 
{ 
    position: absolute; 
    right: 125px; 
    padding: 20px 0 0 0; 
    color: #a9a4a4; 
    font-size: 25px; 
    font-family: "微軟正黑體", "Microsoft JhengHei", Tahoma , Verdana , Arial , sans-serif; 
} 

Однако персонаж остается прежним. Что я делаю не так? Это как-то связано с кодированием html-файла? Я попытался перейти от unicode 8 до 16, появляется символ, но я теряю все форматирование, все мои divы находятся в неправильном месте.

+1

Что такое кодировка символов html? – Pogrindis

+0

unicode 8 ...... – KexAri

+0

Вы добавляете метатег для кодировки символов? –

ответ

1

Это отображается правильно для меня. Обратите внимание на тег <meta charset="utf-8" /> в голове.

<!DOCTYPE html> 
<html lang="zh"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Chinese</title> 

    <style> 
#shareText{ 

    position: absolute; 
    right:125px; 
    padding: 20px 0 0 0; 
    color: #a9a4a4; 
    font-size: 25px; 
} 
    </style> 
</head> 
<body> 
<div id = "shareText">好</div> 
</body> 
</html> 
+0

нужна мета в голове, спасибо! – KexAri

1

Для традиционного китайского,

Вы должны использовать, <html lang="zh-Hant">

Полного код:

<!DOCTYPE html> 
<html lang="zh-Hant"> 
<head> 
    <meta charset="utf-8" /> 
    <title>Chinese</title> 

    <style> 
#shareText{ 

    position: absolute; 
    right:125px; 
    padding: 20px 0 0 0; 
    color: #a9a4a4; 
    font-size: 25px; 
} 
    </style> 
</head> 
<body> 
<div id = "shareText">好</div> 
</body> 
</html> 

Примечания: Я побежал выше кода, он отлично работает.

Смежные вопросы