Beiträge von fuf

  • @font-face Schrift wird auf iPad doppelt/versetzt dargestellt*

    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