CSS不支持阿拉伯语

-1

<ul class="menu"> 
    <li><a href="index.html">Home Page</a></li> 
    <li><a href="news.html">Our News</a></li> 
    <li><a class="active" href="services.html">Our Services</a></li> 
    <li><a href="products.html">Our Products</a></li> 
    <li class="last-item"><a href="contacts.html">Contact Us</a></li> 
</ul>

的问题是，当我使用a标签内阿拉伯语文本，该文本消失。

举个例子，

<ul class="menu"> 
    <li><a href="index.html">الر ئيسي</a></li> 
    <li><a href="news.html">الاخبار</a></li> 
    <li><a class="active" href="services.html">الخدمات</a></li> 
    <li><a href="products.html">المنتجات</a></li> 
    <li class="last-item"><a href="contacts.html">اتصل بنا</a></li> 
</ul>

即使我在HTML页面中使用meta charset="utf-8"。我的CSS代码：

.menu li a, .list-1 li a, .button-2, .logo { 
    text-decoration:none 
} 
.menu { 
    width:100% 
} 
.menu li { 
    float:left; 
    position:relative; 
    margin-right:1px 
} 
.menu li.last-item { 
    margin:0 
} 
.menu li a { 
    display:inline-block; 
    width:196px; 
    font-size:17px; 
    line-height:1.22em; 
    padding:18px 0 36px; 
    margin-top:10px; 
    color:#fff; 
    background:#000; 
    text-align:center; 
    border-radius:18px 18px 0 0; 
    -moz-border-radius:18px 18px 0 0; 
    -webkit-border-radius:18px 18px 0 0 
} 
.menu li a.active, .menu li a:hover { 
    color:#0f0f0f; 
    background:#fff; 
    padding:28px 0 36px; 
    margin:0 
}

我在这个环节 http://www.mediafire.com/download/w5uf9wapenyitn3/myTemplate.rar

来源

2014-02-18 Haitham shaaban

你的字体不支持阿拉伯语或许... – slash197

我看不到在你的问题的CSS ...： - ？ –

我怀疑@ slash197是正确的。尝试将字体设置为包含所有相关字符的字体。 –

的问题是在这里与此文件：

<script src="js/cufon-yui.js" type="text/javascript"></script>

It`sa字体文件，试图/ 哈希 /它，它会工作（Y）

来源

2014-02-18 10:04:50

非常感谢亲 –

欢迎兄弟。 –

使用模板如果您正在使用

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

尝试这样，

<li><a dir="rtl" lang="ar" href="index.html">الر ئيسي</a></li>

dir="rtl"手段对l EFT

lang="ar"意味着阿拉伯

来源

2014-02-18 09:18:34

谢谢，但不工作 –

目前还不清楚是什么问题，你不过是观察，简单地指定UTF-8字符集是不足以支持从右到左的语言。首先，您应该始终在HTML中指定语言（即< html lang =“ar”>），并且应该使用“dir”属性指定文本的方向性（即dir =“rtl”）。

换句话说，对于一个阿拉伯语网页，人们期待你的HTML页面入手：

<!doctype html> 
<html lang="ar" dir="rtl">

欲了解更多信息，请参见：
http://www.w3.org/TR/html401/struct/dirlang.html

此外，对于从右至左边的语言，你需要提供你的CSS代码（即用“right”代替“left”，在合并的规则中交换右边和左边的值，例如“margin”和“padding”等）以便正确显示。

来源

2014-02-18 09:19:16

实际上我使用的是 <！DOCTYPE html> 和（ –

有趣的是，你有什么坏的截图吗？ /浏览器上你看到这个？ –

请看我的模板问题http://www.mediafire.com/download/w5uf9wapenyitn3/myTemplate.rar –

这并不清楚你到底想要什么。

阿拉伯语言，你必须定义方向，所以它将从右到左开始。

<!DOCTYPE html> 
<html lang="ar" dir="rtl">

你必须使用这个。另外，我可以在本地机器上看到阿拉伯文字。点击这里 enter image description here

来源

2014-02-18 09:27:27

请下载这个我的模板，我从这个链接使用，并尝试你的自我 http://www.mediafire.com/download/w5uf9wapenyitn3/myTemplate.rar –

现在看看吧 –

我发现了一个为什么阿拉伯文字没有出现的原因要解决这个问题，请打开“cufon-replace .js“并注释行号2. 'Cufon.replace（'。menu li a '，{fontFamily：'Open Sans'，hover：true}）;' 这一行创建了一个canvas元素运行时间，并且阻止了阿拉伯文本的渲染。如果你喜欢我的回答，请投票。 –

CSS不支持阿拉伯语

回答

相关问题