Forum graficzne Burning-Brushes.pl

Zmiana czcionek w templecie Wordpress

Dalej są problemy. Czcionki ustawiłem na Arial, ale nagłówgi chcę w Times New Roman.
Linijka Cufon.replace('h1, h2, h3, h4, #second_menu li a', { fontFamily: 'TrajanusBricks', hover: true }); została zmodyfikowana - jakakolwiek modyfikacja powoduje, że czcionka jest taka sama jak reszta. To samo przy braku tego pliku. Wtedy ustawiając np w h2 czcionke na TimeS New Roman i tak mam Arial. Co mam zrobić aby ustawić czcionki nagłówków na inne niż Arial?

Co do wielkości poczególnych tekstów to dodając sobie linijkę font size: ...% zmieniam wielkość liter, ale jak zrobić, żeby np nagłówek h1 był pogrubiony - jaką musze wstawić linijkę?


Sympatyk

  • VIP
  • *****
    • Master of science
      • Zobacz profil
      • Moje
    pogrubienie czcionki otrzymuje się poprzez umieszczenie definicji w css
    font-weight: bold;albo zamiast bold wstawiac liczby
    100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    Cufon.replace('h1, h2, h3, h4, #second_menu li a', { fontFamily: 'TrajanusBricks', hover: true });jak wywalisz z tej linijki wszystkie h
    Cufon.replace('#second_menu li a', { fontFamily: 'TrajanusBricks', hover: true });to teraz we wszystkich h1-h6 będziesz miał taką czcionkę jaką masz wpisaną w CSS.


    plik cufon load wyglada tak:
    Cufon.replace({ fontFamily: 'TrajanusBricks', hover: true });
    kazde h w style.css posiada font:Arial, Helvetica, sans-serif

    niestety czcionki naglowkow h1,2 itd dalej nie są Arialem, tylko Segoe Print.

    na samej górze style.css mam:
    font-family:Segoe Print, Helvetica, sans-serif;


    Sympatyk

    • VIP
    • *****
      • Master of science
        • Zobacz profil
        • Moje
      to mam nadzieje, że w css masz dalej ustawioną czcionke na h1-h6


      Tak teraz wyglada plik style.css - czcionki h1 itd są ustawione na Arial, niestety są Seoge Print.

      body         {
                  margin:0;
                  padding:0;
                  text-align:left;
                  font-size:100%;
                  font-family:Segoe Print, Arial, Helvetica, sans-serif;
                  line-height:1.4em;
                  color:#000000;
                  background:url(../images/bg.gif) #D8D9D8;
                  }

      a             {
                  color:#FF5000;
                  text-decoration:underline;
                  outline:none;
                  }
            
      a:hover       {
                  color:#666666;
                  text-decoration:none;
                  }

      p            {
                  margin:0;
                  padding:0 0 1.4em 0;
                  }

      img            {border:0;}

      div            {
                  margin:0;
                  padding:0;
                  text-align:left;
                  }
                  
      hr            {
                  display:block;
                  height:1px !important;
                  overflow:hidden;
                  clear:both;
                  border:none;
                  background:#d2d2d2;
                  margin:5px 0 15px;
                  }
                  
      ol            {
                  margin:0;
                  padding:0 0 0 2em;
                  color:#000;
                  }
                  
      ol li         {
                  margin:0;
                  padding:0;
                  color:#878787;
                  }

      small         {font-size:0.5em;}

      form, fieldset, label   {
                  margin:0;
                  padding:0;
                  border:none;
                  }
                  
      input[type=text],
      textarea      {
                  padding:12px;
                  color:#000;
                  font:bold 1.1em Arial, Helvetica, sans-serif;
                  border:1px solid #919191;
                  background:#dedfde;
                  box-shadow:0 1px 4px #c6c7c6;
                  -moz-box-shadow:0 1px 4px #c6c7c6;
                  -webkit-box-shadow:0 1px 4px #c6c7c6;
                  }
                  
      input[type=submit],
      .btn         {
                  width:auto;
                  *width:130px;
                  font-size:1em;
                  line-height:1em;
                  border:none;
                  padding:14px 18px;
                  color:#fff;
                  text-decoration:none;
                  cursor:pointer;
                  box-shadow:1px 1px 1px #8D8D8D;
                  -moz-box-shadow:1px 1px 1px #8D8D8D;
                  -webkit-box-shadow:1px 1px 1px #8D8D8D;
                  background:url(../images/menu_px.gif) top repeat-x #000;
                  }
                  
      .btn         {
                  float:left;
                  clear:both;
                  display:block;
                  }
                  
      .shadow         {
                  width:1400px;
                  height:890px;
                  position:fixed;
                  top:0;
                  left:50%;
                  margin-left:-700px;
                  background:url(../images/bg_shadow.png) 0 0 no-repeat;
                  z-index:10;
                  }

      .container      {
                  width:100%;
                  position:relative;
                  z-index:20;
                  background:url(../images/top_px.png) top repeat-x;
                  }
                  
      /* ====== head ======*/

      #top         {
                  width:960px;
                  margin:0 auto;
                  font-size:0.1em;
                  padding:28px 0 18px;
                  }
                  
      #top .shared   {
                  *width:45px;
                  height:14px;
                  float:right;
                  }
                  
      #top a.twitter,
      #top a.facebook   {
                  width:14px;
                  height:14px;
                  overflow:hidden;
                  display:block;
                  float:right;
                  margin-right:6px;
                  }

      #top a.twitter   {background:url(../images/ico_twitter.png) 0 0 no-repeat;}
      #top a.facebook   {background:url(../images/ico_facebook.png) 0 0 no-repeat;}
                  
      #top .top_nav   {
                  margin:0;
                  padding:1px 0 0;
                  list-style:none;
                  float:right;
                  }
                  
      #top .top_nav li   {
                  margin:0 6px 0 0;
                  padding:0 6px 0 0;
                  float:right;
                  font:1em Arial, Helvetica, sans-serif;
                  color:#828282;
                  line-height:1em;
                  border-right:1px solid #828282;
                  }
                  
      #top .top_nav li a   {
                  color:#828282;
                  text-decoration:underline;
                  }
                  
      #top .top_nav li a:hover   {
                  color:#0C0C0C;
                  text-decoration:none;
                  }
                  
      .logo_area      {
                  width:160px;
                  height:100px;
                  overflow:hidden;
                  position:relative;
                  padding-bottom:15px;
                  border-bottom:1px solid #E3E3E3;
                  }

      a.logo         {
                  width:160px;
                  height:65px;
                  top:0;
                  left:0;
                  display:block;
                  position:absolute;
                  overflow:hidden;
                  cursor:pointer;
                  outline:none;
                  background:url(../images/logo.png) 0 0 no-repeat;
                  }

      #menu         {
                  position:relative;
                  z-index:1000;
                  margin:0;
                  padding:0 0 60px;
                  list-style:none;
                  }
                  
      #menu li      {
                  width:160px;
                  *height:46px;
                  margin:0;
                  padding:0;
                  font-size:120%;
                  font-weight: bold;
                  font: Arial, Helvetica, sans-serif
                  
                  }

      #menu li a      {
                  display:block;
                  padding:17px 18px 15px;
                  color:#000000;
                  text-decoration:none;
                  border-bottom:1px solid #E3E3E3;
                  }

      #menu li a:hover,
      #menu li.current-menu-item a   {
                  color:#fff;
                  border-bottom:none;
                  padding-bottom:16px;
                  box-shadow:1px 1px 1px #8D8D8D;
                  -moz-box-shadow:1px 1px 1px #8D8D8D;
                  -webkit-box-shadow:1px 1px 1px #8D8D8D;
                  background:url(../images/menu_px.gif) top repeat-x #000;
                  }
                  
      #second_menu   {
                  position:relative;
                  z-index:1000;
                  margin:0;
                  padding:0 0 50px;
                  list-style:none;
                  }

      #second_menu li      {
                  width:160px;
                  margin:0;
                  padding:0;
                  font:Arial, serif;
                  text-shadow:1px 1px #fff;
                  font-size:170%;
                  font-weight: bold;
                  }

      #second_menu li a   {
                  display:block;
                  text-align:center;
                  padding:12px 18px 8px;
                  color:#000000;
                  text-decoration:none;
                  }

      #second_menu li a:hover,
      #second_menu li.menu-item a   {
                  color:#090909;
                  box-shadow:1px 1px 2px #555;
                  -moz-box-shadow:1px 1px 2px #555;
                  -webkit-box-shadow:1px 1px 2px #555;
                  background:url(../images/btn_px.gif) top repeat-x #C3C4C2;
                  }

      #slider         {
                  width:823px;
                  height:540px;
                  overflow:hidden;
                  margin-left:-29px;
                  }

      /* ===== Content ======*/

      h1            {
                  font:Arial, Helvetica, sans-serif
                  
                  text-shadow:1px 1px 2px #545454;
                  color:#AEFF00;
                  margin:0;
                  padding:0 0 20px;
                  }
                  
      h2            {
                  font-size:110%;
                  font:"Arial", Helvetica, sans-serif
                  text-shadow:1px 1px 2px #545454;
                  color:#000000;
                  margin:0;
                  padding:0 0 20px;
                  }
                  
                  h2 a   {
                  color:#00AEFF;
                  text-decoration:none;
                  }
                  
                  h2 a:hover   {
                  color:#9000FF;
                  text-decoration:none;
                  }
                  
      h3            {
                  font:Arial, Helvetica, sans-serif
                  text-shadow:1px 1px 2px #545454;
                  color:#9000FF;
                  margin:0;
                  padding:0 0 20px;
                  text-transform:lowercase;
                  }

      h4            {
                  font:1em "Times New Roman", Times, serif;
                  color:#000;
                  margin:0;
                  padding:0 0 10px;
                  text-transform:lowercase;
                  }
                  
      h5, h6         {
                  font:1.1em Arial, Helvetica, sans-serif;
                  color:#000;
                  margin:0;
                  padding:0 0 1.5em;
                  }
                  
      .clear         {
                  clear:both;
                  height:1px;
                  overflow:hidden;
                  }
                  
      #content      {
                  width:960px;
                  margin:0 auto;
                  padding-bottom:30px;
                  z-index:30;
                  }
                  
      .left_side      {
                  width:160px;
                  float:left;
                  }
                  
      #main .content   {padding:0;}
                  
      .content      {
                  width:770px;
                  padding-top:110px;
                  float:right;
                  }
                  
      .one_third      {
                  width:235px;
                  margin-right:30px;
                  float:left;
                  letter-spacing:-0.2px;
                  }
                  
      .one_third_last   {
                  width:235px;
                  float:right;
                  letter-spacing:-0.2px;
                  }
                  
      .thumb         {
                  float:left;
                  margin:0 30px 15px 0;
                  }
                  
      .thumb img      {
                  border:5px solid #D2D3D2;
                  box-shadow:2px 2px 3px #A5A5A5;
                  -moz-box-shadow:2px 2px 3px #A5A5A5;
                  -webkit-box-shadow:2px 2px 3px #A5A5A5;
                  }
                  
      .content ul      {
                  margin:0;
                  padding:0 0 0 3em;
                  list-style:decimal-leading-zero;
                  }
                  
      .content li      {
                  margin:0;
                  padding:0 0 7px;
                  color:#000;
                  }
                  
      .content li a   {
                  color:#878787;
                  text-decoration:none;
                  }
                  
      .content li a:hover   {
                  color:#000;
                  text-decoration:none;
                  }
                  
      /* ---- Skills ------*/

      .content .skills         {
                  width:795px;
                  margin:0 0 0 -25px;
                  padding:0;
                  list-style:none;
                  }
                  
      .content .skills li      {
                  width:235px;
                  margin:0 0 25px 25px;
                  padding:0;
                  float:left;
                  color:#878787;
                  }
                  
      /* ---- Portfolio ------*/
                  
      #portfolio      {
                  margin:0;
                  padding:0;
                  list-style:none;
                  }
                  
      #portfolio li   {
                  margin:0;
                  padding:0 28px 25px 0;
                  float:left;
                  }
                  
      #portfolio li img   {
                  border:5px solid #D2D3D2;
                  box-shadow:2px 2px 3px #A5A5A5;
                  -moz-box-shadow:2px 2px 3px #A5A5A5;
                  -webkit-box-shadow:2px 2px 3px #A5A5A5;
                  }
                  
      #portfolio li img:hover   {
                  border:5px solid #fff;
                  box-shadow:2px 2px 3px #A5A5A5;
                  -moz-box-shadow:2px 2px 3px #A5A5A5;
                  -webkit-box-shadow:2px 2px 3px #A5A5A5;
                  }
                  
      /* ------- Clients -----*/

      #clients      {
                  margin:0;
                  padding:0;
                  list-style:none;
                  }
                  
      #clients li   {
                  margin:0;
                  padding:0 24px 25px 0;
                  float:left;
                  }
                  
      #clients li img   {
                  border:1px solid #d1d1d1;
                  box-shadow:2px 2px 3px #A5A5A5;
                  -moz-box-shadow:2px 2px 3px #A5A5A5;
                  -webkit-box-shadow:2px 2px 3px #A5A5A5;
                  }
                  
      #clients li img:hover   {
                  border:1px solid #fff;
                  box-shadow:2px 2px 3px #A5A5A5;
                  -moz-box-shadow:2px 2px 3px #A5A5A5;
                  -webkit-box-shadow:2px 2px 3px #A5A5A5;
                  }
                  
      /* ------- Clients -----*/

      .gmap         {
                  width:355px;
                  float:left;
                  }
                  
      .gmap img,
      .gmap_box      {
                  width:355px;
                  height:355px;
                  overflow:hidden;
                  border:1px solid #d1d1d1;
                  box-shadow:2px 2px 3px #A5A5A5;
                  -moz-box-shadow:2px 2px 3px #A5A5A5;
                  -webkit-box-shadow:2px 2px 3px #A5A5A5;
                  }
                  
      .cf_col         {
                  width:360px;
                  float:right;
                  }
                  
      .wpcf7-form input[type=text],
      .wpcf7-form textarea   {
                  width:315px;
                  }
                  
      div.wpcf7-validation-errors {
      width:315px;
      padding:2px 12px;
      font-size:12px;
      margin:10px 0 !important;
      border:1px solid #ff0000 !important;
      text-transform:capitalize !important;
      }

      span.wpcf7-not-valid-tip {
      background:none !important;
      border:1px solid #FF0000;
      display:block;
      left:0 !important;
      padding:2px 12px !important;
      position:relative !important;
      top:7px !important;
      width:315px !important;
      z-index:100;
      text-transform:capitalize !important;
      }
                  
      /* ------- Blog Pages -----*/

      .post         {
                  display:block;
                  position:relative;
                  padding:0 0 20px;
                  margin-bottom:20px;
                  clear:both;
                  border-bottom:1px solid #e4e5e4;
                  }
                  
      .post:after      {
                  width:100%;
                  content: '';
                  position:absolute;
                  left:0;
                  bottom:0;
                  border-bottom:1px solid #d1d1d1;
                  }
                  
      .posted_line   {
                  color:#bcbebe;
                  padding-bottom:25px;
                  padding-left:5px;
                  }
                  
      .posted_line a   {
                  color:#bcbebe;
                  text-decoration:none;
                  }
                  
      .posted_line a:hover   {
                  color:#000;
                  text-decoration:none;
                  }
                  
      div.blog_thumbnail   {
                  width:762px;
                  height:276px;
                  overflow:hidden;
                  margin-bottom:20px;
                  border:5px solid #D2D3D2;
                  box-shadow:2px 2px 3px #A5A5A5;
                  -moz-box-shadow:2px 2px 3px #A5A5A5;
                  -webkit-box-shadow:2px 2px 3px #A5A5A5;
                  }
                  
      div:hover.blog_thumbnail   {border:5px solid #fff;}


      /* ------- Paging -----*/
                  
      .navigation      {
                  padding:20px 0;
                  display:block;
                  }
                  
      .nav-previous   {float:left;}
      .nav-next      {float:right;}

      .nav-previous a,
      .nav-next a      {
                  width:auto;
                  font-size:1em;
                  line-height:1em;
                  border:none;
                  padding:14px 18px;
                  color:#fff;
                  text-decoration:none;
                  cursor:pointer;
                  box-shadow:1px 1px 1px #8D8D8D;
                  -moz-box-shadow:1px 1px 1px #8D8D8D;
                  -webkit-box-shadow:1px 1px 1px #8D8D8D;
                  background:url(../images/menu_px.gif) top repeat-x #000;
                  }


      /* ---------------------------------- Commentlist ----------------------------------------------*/

      #commentlist   {
                  margin:0;
                  padding:0 0 30px;
                  list-style:none;
                  }
                  
      #commentlist li   {
                  margin:0;
                  padding:12px 0 0 0;
                  list-style:none;
                  }
                  
      #commentlist li div.comment   {
                  padding:12px;
                  border:1px solid #929292;
                  background:#dedfde;
                  *zoom:1;
                  box-shadow:inset 2px 2px 3px #c6c7c6;
                  -moz-box-shadow:inset 2px 2px 3px #c6c7c6;
                  -webkit-box-shadow:inset 2px 2px 3px #c6c7c6;
                  position:relative;
                  }
                  
      #commentlist li.odd div.comment   {background:#ececec}

      div.vcard      {
                  width:164px;
                  float:left;
                  }
                  
      img.avatar      {
                  width:162px;
                  height:162px;
                  overflow:hidden;
                  border:1px solid #d1d1d1;
                  }

      #commentlist a.comment-reply-link   {
                  display:block;
                  float:right;
                  font-weight:bold;
                  font-size:1.1em;
                  color:#35BBE6;
                  text-decoration:underline;
                  }
                  
      #commentlist a:hover.comment-reply-link   {
                  color:#494759 !important;
                  text-decoration:none;
                  }
                  
      .posted_content   {margin-left:180px;}

      #commentlist .author_date {
                  font-weight:bold;
                  font-size:1.1em;
                  color:#000;
                  margin-bottom:1.5em;
                  }
                  
      #commentlist .comment-body {
                  color:#494759;
                  line-height:1.6em;
                  padding-bottom:1em;
                  }
                  
      #commentlist ul.children {
                  margin:0;
                  padding:0;
                  list-style:none;
                  background:none;
                  }
                  
      #commentlist ul.children li {
                  padding-left:20px;
                  }

      /* ---------------------------------- Comment Form ----------------------------------------------*/

      #commentform .lcol_cont   {
                  width:357px;
                  float:left;
                  }
                  
      #commentform .rcol_cont   {
                  width:407px;
                  float:right;
                  }
                  
      #commentform input[type=text]   {width:330px;}
      #commentform textarea   {width:380px; height:110px; overflow:hidden;}

      #commentform p   {padding-bottom:8px;}

      #commentform .submit   {float:right;}

                  
      /* ----- FOOTER ----*/

      #footer         {
                  position:relative;
                  z-index:100;
                  border-top:1px solid #CFCFCF;
                  font-size:1.1em;
                  }
                  
      #footer:after   {
                  width:100%;
                  content: '';
                  position:absolute;
                  left:0;
                  top:0;
                  border-top:1px solid #E2E2E2;
                  }
                  
      .footer_wrap   {
                  width:960px;
                  margin:0 auto;
                  padding:25px 0 20px;
                  }
                  
      #footer a      {
                  color:#828282;
                  text-decoration:none;
                  }
                  
      #footer a:hover   {
                  color:#000;
                  text-decoration:none;
                  }
                  
      .footer_wrap   {
                  width:960px;
                  margin:0 auto;
                  padding:25px 0;
                  position:relative;
                  }
                  
      .copy         {float:left;}

      .f_menu         {
                  margin:0;
                  padding:0;
                  float:right;
                  list-style:none;
                  }
                  
      .f_menu li      {
                  margin:0 7px 0 0;
                  padding:0 7px 0 0;
                  float:left;
                  line-height:1em;
                  border-right:1px solid #828282;
                  }
                  
      .f_menu li:last-child   {
                  margin:0;
                  padding:0;
                  border-right:none;
                  }


      Sympatyk

      • VIP
      • *****
        • Master of science
          • Zobacz profil
          • Moje
        zamień w tych h1-h6
        font:"Arial", Helvetica, sans-serifna
        font-family:Arial, Helvetica, sans-serifcudzysłowie używa się jak nazwa czcionka składa się z conajmiej dwóch wyrazów


        Dodałem -family przy wszystkich h, niestety nic to nie zmieniło.

        Macie jakieś inne propozycje?
        « Ostatnia zmiana: Grudzień 21, 2010, 14:15:14 wysłana przez NieProGracz »