0

bootstrap-3 を使用してアラビア語の Web サイトを構築しています。

、、、、、などを除いて問題なく、これまでのところすべて問題なく取得しています。html heading<h1>..</h1><h2>..</h2><h3>..</h3><h4>..</h4><h5>..</h5><h6>..</h6>

HTMLの見出しにアラビア語のテキストを追加すると、IE-10はそれをガベージとしてレンダリングします! Chrome と Firefox では正常に動作しますが。

問題が何であるかを示す画像を次に示します。

ここに画像の説明を入力

ご覧のとおり、html-heading を除いてすべてのアラビア文字が正常に表示されています。

そして、ここに私のHTMLがあります:

<!DOCTYPE html>
<html lang="ar" dir="rtl">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/ico/favicon.png">

    <title>موقع عربي</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Bootstrap RTL -->
    <link href="css/bootstrap-rtl.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/bootstrap-rtl-custom.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

        <div class="container">
            <div class="jumbotron">
              <h1>عنوان رئيسي</h1>
              <h2>عنوان فرعي</h2>
              <p>محتوى نص.. محتوى نص.. محتوى نص.. محتوى نص.. محتوى نص.. </p>
              <p><a class="btn btn-primary btn-lg" role="button">المزيد...</a></p>
            </div> <!-- /."jumbotron" -->
        </div> <!-- /.="container" -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

あなたの助けに感謝します...

4

1 に答える 1

2

Bootstrap はアラビア文字を含まないフォントを使用しているようです。大きな見出しのフォントを、小さなテキストで使用されているフォントに切り替えてみてください。

于 2014-04-21T22:30:06.833 に答える