Hallo liebe Forennutzer.
Ich hoffe, ich bin bei euch an der richtigen Stelle. Ich erstelle derzeit ein eBook für einen Kunden und weiß bei einem bestimmten Problem einfach nicht mehr weiter. Es dreht sich um die Anzeige von Text in unsortierten Listen im Programm iBooks von Apple. (Vorweg: das Problem tritt bei anderen Anzeigeprogrammen wie ADE, Calibre oder bei eReadern wie dem Sony PRS-300
nicht auf)
Screenshots:
Ich habe den Font Cocchin eingestellt, da sieht man den Unterschied am besten.
Wie man sieht, ist Schriftart und -größe innerhalb der <ul><li> Tags anders. Nur innerhalb von <span>Tags wird die Schrift wie gewünscht dargestellt.
Hier der HTML-Code:
Code:
<p class="Tipps---berschrift">Praxistipps</p>
<ul>
<li><span class="fett">Überlege:</span> Welche Menschen, denen du in letzter Zeit begegnet bist, waren dir sympathisch? <br/>Wo bahnt sich etwas an? </li>
<li><span class="fett">Erweiteren:</span> Es gibt Orte und Aktivitäten, bei denen du dich bei ersten Begegnungen sicher fühlst. Erweitere das, indem du neue Orte und Ansprachen ausprobierst. </li>
<li><span class="fett">Wahrnehmen:</span> Übe dich darin, körpersprachliche Signale von Sympathie und Antipathie, die andere aussenden, bewusst wahrzunehmen. </li>
</ul>
<p class="Tipps---berschrift">Buchtipps </p>
<ul>
<li>Wolfgang Krüger: <span class="kursiv">Wie man Freunde fürs Leben gewinnt: Vom Glück einer besonderen Beziehung. </span>Herder, 2010.</li>
<li>Rosemarie Stresemann: <span class="kursiv">Mich zeigen. Leben ohne falsche Scham.</span> Down to Earth, 2010</li>
</ul>
Und hier passende Ausschnitte aus der CSS:
Code:
ul {
font-family : "DejaVuSerif", serif;
font-weight : normal;
font-style : normal;
font-size : 0.85em;
text-decoration : none;
font-variant : normal;
line-height : 1.3;
text-align : left;
color : #000000;
text-indent : 0px;
list-style-type: square;
margin: 0.5em 0em 0em 1.5em;
}
li {
margin : 0px 0px 0.5em 0px;
}
span.kursiv {
font-family : "DejaVuSerif-Italic", serif;
font-weight : normal;
font-style : italic;
}
span.fett {
font-family : "DejaVuSerif-Bold", serif;
font-weight : bold;
font-style : normal;
color : #313131;
}
Kann man iBooks dazu bewegen, den Text richtig anzuzeigen, zumal es die anderen Programme ja auch tun? Ich möchte nicht alle Listen jetzt per Hand in <span>-Tags betten. Es gibt sehr viele dieser Listen...
Vielen Dank schon einmal für euere Hilfe!
Stefan