按钮的文字在Bootstrap

Question

我使用的是波斯语，我开发了两种方法在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类，而是我们设置内部样式，如上面的代码，它仍然模糊!!!

Answer 1

确保text-shadow: none已设置。

Answer 2

请试试这个css

text-rendering：optimizeLegibility！important; -webkit-font-smoothing：antialiased！important;

Answer 3

我刚遇到这个问题。

此问题来自于您所嵌入的字体没有可用的粗体字体。您需要包括该字体的粗体版本，否则浏览器将尝试严重渲染该字体的粗体版本。