我正在使用波斯语，我已经开发了两种方法来显示我的按钮在Bootstrap 3.3.6：

对于鞋面，我使用了以下代码：

<div class="row text-center">
        <button type="button" id="submitFace" class="btn btn-primary"> <h4><font face="B Nazanin">
            خواندن اطلاعات چهره
        </font></h4></button>
    </div>

而对于较低的我已经使用了这个代码：

//--------in the CSS-------
    @font-face{
        font-family: myFirstFont;
        src: url("../myFonts/BNAZANIN.TTF");
    }
    .myButton{
        font-family: myFirstFont;
        font-size: large;
        font-weight: bold;
    }
    //---------in the HTML-------
    <div class="row text-center">
        <button type="button" id="submitFace" class="btn btn-primary myButton">
            خواندن اطلاعات چهره
        </button>
    </div>

然而，正如你在图片中看到的，当我使用CSS的结果并没有一个很好的锐化。我的意思是文本的边界不清楚，如果你仔细看你会发现，文本的按钮是轻微模糊。

• • 我发现**即使我们使用没有任何样式的myButton类，并且像上面的代码一样设置内联样式，它仍然是模糊的!!!