如何使用jQuery Mobile使标题文本更粗

Question

我想使标题文本更粗，但无法做到，请查看我的代码并帮助我代码中哪里出错？还有其他方法可以做吗请帮助我...

<div data-role="header" data-position="fixed"  data-transition="none" data-theme="none"  class="divimg1">
                <div class="ui-grid-b">
                    <div align="center" class="ui-block-a" style="width:20%" onclick="home()">
                        <div align="center" >
                            <span><img src="../DCBImages/Default_HomeBtn.svg" /></span>
                        </div>
                    </div>
                    <div align="center" class="ui-block-b" style="width:60%">
                        <h2 class="fontfamily" >Account Summary</h2>
                        <!-- / This account summary text is not getting bolder ?? -->
                    </div>
                    <div align="center" class="ui-block-c" style="width:20%" onclick="logout()">
                        <div align="center">
                            <span><img src="../DCBImages/Default_LogoutBtn.svg" /></span>
                        </div>
                    </div>
                </div>
            </div>

谢谢

Answer 1

你为什么不这样写

<h2 class="fontfamily" ><strong>Account Summary</strong></h2>

编辑：

试试这个

<h2 class="fontfamily" style="font-weight:bold !important">Account Summary</h2>

Answer 2

这样的事情似乎有效：

.fontfamily {
    font-family: arial;
    font-size: 1.8em;
    font-weight: 900;
}

演示