Question

我试图在我的网站上显示一些繁体中文文本，即

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都在错误的位置..

Answer 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>

注意：我运行上面的代码，它工作正常。

如何在css中使用繁体中文字体？

1 个答案: