1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

font.face

Dieses Thema im Forum "HTML, XHTML & CSS" wurde erstellt von ro ci, 13 April 2018 um 15:48 Uhr.

  1. ro ci

    ro ci Neues Mitglied

    Registriert seit:
    31 März 2018
    Beiträge:
    6
    Punkte für Erfolge:
    1
    Hi , ich folge einem Online Tutorial und das @font-facefunktioniert bei mir nicht.

    Ich habe die Dateo PT-Sans-Bold.woff in einem Unterordner von CSS und bin genau den Anweiungen gefolgt.
    was mit auffällt: in meinem notepad wird die Linie src:url nicht fabig, (alle anderen Linien sind farbig), außerdem benutzt der Trainer englische Anführungsstriche in etwa ' ...', ich habe es ohne und mit probiert kam zum gleichen ergebnis- keine änderungen. danke fuer hilfe.

    @font-face {
    font-family: PTsans;
    src: url(fonts/PT-Sans-Bold.woff) format:(woff);
    /* for internet explorer 9
    */
    font-weight:normal;
    font-style: normal;
    }
    html
    {font-family: PTsans, sans-serif;
    background-color:#8FBC8F;
    line-height: 1.7;
    }
     
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. Tronjer

    Tronjer Moderator Team Moderator

    Registriert seit:
    8 Oktober 2010
    Beiträge:
    4.980
    Punkte für Erfolge:
    83
    Falls du kein OSX oder Linux verwendest, liegt der Fehler im src-Selector.
     
  3. basti1012

    basti1012 Aktives Mitglied

    Registriert seit:
    26 November 2017
    Beiträge:
    471
    Punkte für Erfolge:
    28
    Muß der Link dann nicht so heißen
    Code (text):
    1.  url(../fonts/PT-Sans-Bold.woff)
    Oder verwechsel ich da gerade was ??
     
  4. ro ci

    ro ci Neues Mitglied

    Registriert seit:
    31 März 2018
    Beiträge:
    6
    Punkte für Erfolge:
    1
    hey basti. ich hab das jetzt nochmal upgedated. die dateien waren glaube ich veraltet aus einem tutorial. ich habe mir stattdessden bei squirrel neue font faces runtergeladen und jeztz wird auch der font uebernommen. trtzdem habe ich noch einen fehler auf meiner seite:
    laut tutor, muss man jeden font (bold, normal, italic, bolditalic) einmal definieren: dies habe ich gemacht. meine webite ist nicht ganz sauber, jetzt stehen worte "aufeinander"

    hast du eine idee woran das liegen kann=
    @font-face {
    font-family: Quicksand;
    src: url(quicksand/Quicksand_Dash.otf);
    font-weight: normal;
    font-style: normal;
    }
    @font-face {
    font-family: Quicksand;
    src: url(quicksand/Quicksand_Bold.otf);
    font-weight: bold;
    font-style: normal;
    }
    @font-face {
    font-family: Quicksand;
    src: url(quicksand/Quicksand_BoldItalic.otf);
    font-weight: normal;
    font-style: italic;
    }
    @font-face {
    font-family: Quicksand;
    src: url(quicksand/Quicksand_Italic.otf);
    font-weight: bold;
    font-style: italic;
    }
    span.italic {font-size: italic;}
    html
    {font-family: Quicksand;
    background-color:#8FBC8F;
    line-height: 1.7;
    }
     

    Anhänge:

  5. basti1012

    basti1012 Aktives Mitglied

    Registriert seit:
    26 November 2017
    Beiträge:
    471
    Punkte für Erfolge:
    28
    hast du ein Link zur Seite wo man das sehen kann?
    Ich habe irgendwie probleme mit den Anhang