html - 如何修复 Safari 和 FireFox 中的阿拉伯字体？-6ren

html - 如何修复 Safari 和 FireFox 中的阿拉伯字体？

转载作者：太空宇宙更新时间：2023-11-03 19:28:45

25

4

我的 css 文件中有一种来自 google 字体的 @import 字体。

它在 chrome 中运行良好，但在 safari 和 firefox 中运行不佳。

这是它的 html:

/* Fonts */
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);

<header class="container-fuild navbar-fixed-top">
  <div class="row gutter-20">
    <nav class="navbar-nav nav col-lg-3 pull-right">
        <div class="navbar"><img style="padding-top: 20px;" src="imgs/logo.png" alt="Logo" width="45"/>
          <br><br>
          <div id="droid">
            <h5 dir="rtl">مكتب محمد حسين شكري</h5>
            <h6 dir="rtl">للإستشارات المعمارية</h6>
          </div>
          <h5>Mohammed H Shukri</h5>
          <h6>Architectural Consultants</h6>
        </div>
        <ul class="nav nav-stacked col-lg-4" id="menu">
          <li data-menuanchor="page1" class="nav-item slide1"><a href="#page1" title="HomePage">Home</a></li>
          <li data-menuanchor="page2" class="nav-item slide2"><a href="#page2" title="About Shukri">About Us</a></li>
          <li data-menuanchor="page3" class="nav-item slide3"><a href="#page3" title="Projects">Our Projects</a></li>
          <li data-menuanchor="page4" class="nav-item slide4"><a href="#page4" title="Employees">Our Employees</a></li>
          <li style="margin-bottom: 15px;" data-menuanchor="page5" class="nav-item slide5"><a href="#page5" title="Contact Information">Contact Us</a></li>
      </ul>
    </nav>
  </div>
</header>

在 chrome 中显示如下:

在 firefox 和 safari 中，像这样:

最佳答案

使用 head 标签中的元标签为您的浏览器指定字符集以支持阿拉伯语:

<head>
<meta charset="utf-8" />
...
</head>

关于html - 如何修复 Safari 和 FireFox 中的阿拉伯字体？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41531526/

25

4

0

文章推荐： c# - 样式问题 : LINQ or XPath to read in XML nodes

文章推荐： python - python 中缓慢的 Big Int 输出

文章推荐： c# - 读取文件并将内容放入数组中

文章推荐： MATLAB 2014a (8.3) 编译器运行时错误 libmwlaunchermain.so

php - 阿拉伯/波斯数字的 Number_format
我在 mysql 数据库中有一个“价格”字段，其中包含以阿拉伯或波斯数字表示的产品价格。数字示例:12345567890 //1234567890 我不知道如何格式化它以便以用户友好的方式格式化。我
ruby-on-rails - 阿拉伯 Prawn gem
由于单独使用 prawn gem 时阿拉伯字母显示为未知字符，因此我安装了 Arabic-Prawn gem 0.0.1 以阿拉伯语打印数据。我用下面的代码作为测试 Prawn::Document.g

首页

博学

6Ren·AI

商城

html - 如何修复 Safari 和 FireFox 中的阿拉伯字体？