Настройка заголовка в теме по умолчанию JQuery Mobile App

Question

Я работаю над мобильным приложением JQuery. Мне нужно увеличить шрифт, используемый для текста заголовка. Всякий раз, когда я увеличиваю размер текста, высота строки заголовка увеличивается. Я не хочу, чтобы он расти. Вместо этого я хочу, чтобы 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> 

Как изменить размер шрифта без увеличения заголовка?

Answer 1

Вы также должны изменить .ui-header .ui-title правило изменения верхнего и нижнего полей. Например:

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

http://jsfiddle.net/Pwqtm/1/