Support » Allgemeine Fragen » league gothic doesnt work with firefox

  • hello.

    meine seite http://www.low-budget-urbanity.de arbeitet mit league gothic als typo für die headlines, die in chrome und safari auch korrekt dargestellt wird. lediglich im ffox wird sie mit helvetica ersetzt, was ziemlich scheiße aussieht. der fließtxt ist helvetica neue. was muss ich denn da ändern im code? (siehe unten)

    my page http://www.low-budget-urbanity.de goes with league gothic typeface as headline which works with google chrome and safari but doesnt show up in firefox (no clue about internet explorer). the main txt is helvetica. how can i solve this problem?

    body {
    background: #fff;
    color: #444;
    font: 15px/22px ‚Helvetica Neue‘, sans-serif;
    font-weight: 300;
    padding: 0 10px;
    }

    @media only screen and (max-width: 480px) {
    body {
    font-size: 13px;
    }
    }

    /** =TYPOGRAPHY ———- */

    /**
    * Links
    */

    a {
    color: #2e93d6;
    text-decoration: none;
    }

    a:active {
    color: #000;
    }

    a:hover,
    a:active {
    outline: none;
    }

    a:focus,
    a:hover {
    color: #000;
    }

    a:focus {
    outline: dotted thin;
    }

    a:link {
    -webkit-tap-highlight-color: #000;
    }

    /**
    * Headings
    */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
    color: #000;
    margin: 0 0 20px;
    padding: 10px 0 0;
    }

    h1 {
    font-family: ‚LeagueGothic‘, sans-serif;
    font-size: 40px;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 30px;
    padding: 5px 0 0;
    text-transform: uppercase;
    }

    .sans-serif h1 {
    font-family: ‚LeagueGothic‘, sans-serif;
    font-weight: bold;
    letter-spacing: 5px;
    text-transform: none;
    }

    h2 {
    font-size: 18px;
    line-height: 24px;
    padding: 20px 0 0;
    }

    h3 {
    font-size: 15px;
    }

    h4 {
    font-size: 13px;
    text-transform: uppercase;
    }

    h5 {
    font-size: 12px;
    text-transform: uppercase;
    }

    h6 {
    font-size: 11px;
    text-transform: uppercase;
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
    color: #000;
    text-decoration: none;
    }

    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
    color: #000;
    }

Ansicht von 1 Antwort (von insgesamt 1)
Ansicht von 1 Antwort (von insgesamt 1)
  • Das Thema „league gothic doesnt work with firefox“ ist für neue Antworten geschlossen.