html - 带有波斯字体的谷歌浏览器未确定的行为;有些部分显示为正方形

标签 html css twitter-bootstrap google-chrome font-face

我在网站中使用 Bootstrap 和波斯语字体。只有当浏览器是 Chrome(版本 43.0.2357.124 m)时,它的一些内容才显示为正方形。如果从页面中删除了 bootstrap.min.css,它就可以正常工作。此外,如果调整浏览器的大小,也会显示方形文本。

<table class="table">
<tbody><tr>
    <th>
        تاریخ ثبت
    </th>
    <th>
        عنوان
    </th>

    <th>
        خلاصه
    </th>
    <th></th>
</tr>

<tr>
    <td>
        2015-06-14
    </td>
    <td>
        تست 
    </td>

    <td>
        تست
    </td>
    <td>
        <a href="#">ویرایش</a> |
        <a href="#">مشاهده</a> |
        <a href="#">حذف</a>
    </td>
</tr>

风格:

@font-face {
font-family: "B Koodak";
src: url("../fonts/BKoodakBold.ttf") format("opentype"), url("../fonts/BKoodakBold.woff") format("woff"), url("../fonts/BKoodakBold.otf") format("opentype");}

renderd in chrome

我从this question意识到这是一个已知的 Chrome 问题。

1- 这个问题还没有解决还是我的错?

2-问题还没有解决,有什么办法可以解决吗?

最佳答案

尝试在你的@font-face中添加:

 font-weight: normal;
    font-style: normal;

但我认为 Google 并不完全支持波斯字体。

关于html - 带有波斯字体的谷歌浏览器未确定的行为;有些部分显示为正方形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30833923/

相关文章:

javascript - Bootstrap modals - 在更新模态窗口的大小/内容时更新背景阴影 mask

html - 浏览器调整大小时布局中断

html - dt 标签在 IE 7 中相互 float

html - 什么:active or :hover works?

html - 固定页眉仅在一页上

javascript - 如何禁用浏览器功能和快捷键进行全屏在线考试?

javascript - 当网页中包含 dataTable.bootstrap.js 时,bAutoWidth 不起作用

php - jQuery - 拖放列表重新排序

Jquery 工具提示 mousemove 事件不跟随鼠标到所有 Div

jquery - 如何根据值检查复选框?