Jquery mobile 自定义JQuery移动应用程序默认主题中的标题

我正在开发JQuery移动应用程序。我需要放大标题文本的字体。每当我放大文本大小时，ui标题栏的高度都会增加。我不想让它长大。相反，我希望ui头保持与默认ui头相同的大小。我只想放大文本大小。目前，我有以下几点：

.t1 { color: blue; font-size:24pt; font-weight:normal; }
.t2 { color: white; font-size:24pt; font-weight:normal; }

<div data-role="header" data-position="fixed">
  <a href="#" data-icon="arrow-l" data-direction="reverse" data-iconpos="notext" class="ui-btn-left jqm-home dd-btn">Back</a>
  <h1><span class="t1">My</span><span class="t2">App</span></h1>
</div>

.t1{颜色：蓝色；字体大小：24pt；字体重量：正常；}
.t2{颜色：白色；字体大小：24pt；字体重量：正常；}
MyApp

---

如何在不增加页眉的情况下更改字体大小

您还必须修改

.ui header.ui title

规则以更改顶部和底部边距值。例如：

.ui-header .ui-title {
    margin: 0 30% 0;
}