Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

CSS Problem z wgraniem własnych fontów

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

CSS Problem z wgraniem własnych fontów

Post 12.03.2019, 20:40:43

Cześć mam problem chcę podłączyć właśne fonty do strony, jednak gdy w css wgrywam je i podłączam pod diva fonty dalej nie działają żaden z nich. Byłbym bardzo wdzięczny za pomoc

Kod: Zaznacz cały
CSS
#pasek {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: #1e272e;
    text-align: center;
}
#male{
  text-align: left;
  position: absolute; left: 6cm;
}

#oferta{
  text-align:center;
font-size: 12px;
line-height: 60px;
color: #f7f1e3;
font-family: 'bebas_neuebold';


}
@font-face {
    font-family: 'bebas_neuebold';
    src: url('C:\Users\Tadeusz\Desktop\strona_pink\fonts\bebasneue_bold-webfont.woff2') format('woff2'),
         url('strona_pink\fonts\bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('strona_pink/fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('strona_pink/fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('strona_pink\fonts\roboto-bold-webfont.woff2') format('woff2'),
         url('strona_pink\fonts\roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('strona_pink/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('strona_pink/fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





Kod: Zaznacz cały
HTML
<!DOCTYPE html>
  <html lang="pl" dir="ltr">
  <head>
      <meta charset="utf-8">
        <meta name="description" content="Agencja Reklamowa Pink Elephant w Kaliszu. Grafika, Strony WWW"/>
          <meta name="keywords" content="Pink Elephant, strony www, grafika,kreacje, reklama, media, poligrafia, wydruki"/>
          <meta http-equiv="X-UA_compatible" content="IE=edge,chrome=1"/>
      <title>Tutorial Bootstrap</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
            <link rel="stylesheet" type="text/css" href="css/pinkcss.css">
  </head>
  <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
            <div id="pasek">
              <div id="male"> <img src="grafika/logomale.png" alt="" height="60px" margin: 2mm; >
                </div>
                <div id="oferta" font-family:'robotobold'>
                    OFERTA
  </div>

                  </div>
              </div>


        <script src="http://code.jquery.com/jquery.min.js"></script>
       <script src="js/bootstrap.min.js"></script>
       </nav>
  </body>
  </html>

Trab
Posty: 1
Dołączył(a): 12.03.2019

Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Ahrefs [Bot] i 4 gości

Hosting, Domeny, SSL

Subskrypcja

Mamy 52890 zarejestrowanych użytkowników.
Najnowszy użytkownik: ColomboBio


Nasi użytkownicy napisali:

  • 939105 wiadomości
  • w 248344 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)