Hallo,,
ich habe ein sehr seltsames Schriftenproblem mit @font-face und bitte um eure kompetente Hilfe. Auf meinem Blog sind alle Schriften mit @font-face eingebunden. Dies hat alles wunderbar geklappt. In allen Browsern (FF 3.6., Safari 5, Google Chrome) sieht es sehr gut aus. Nur leider nicht auf dem iPad/iPhone.
Der Blog ist auf dem Thematic Framework aufgebaut. In der Klasse <h2 class="entry-title"> wird die Schrift überlagernd und versetzt dargestellt. Als ob ein Duplikat der Schrift dahinterliegt. Habe auch mal andere @font-face Fonts ausprobiert. Bei diesen tritt das Problem ebenfalls auf! Jedoch nur in dieser Klasse, in allen anderen Klassen kann er die @font-face Schriften problemlos darstellen. Bei Standardschriftfamilien tritt das Problem nicht ein! Anbei ein Screenshot des Problems + den CSS-Styles.
.entry-title {
font-family: 'MatchbookMatchbook';
font-size:60px;
color: #5a0700;
line-height:65px;
}
.entry-title a {
color:#b3121e;
text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
color: #5a0700;
}
vielen dank,
fuf