Witamy, Gość. Zaloguj się lub zarejestruj.

Autor Wątek: Zmiana czcionek w templecie Wordpress  (Przeczytany 18707 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

NieProGracz

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Odp: Zmiana czcionek w templecie Wordpress
« Odpowiedź #15 dnia: Grudzień 17, 2010, 19:21:20 »
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

  • *****
  • Podziękowania otrzymane: 44
  • Master of science
    • Zobacz profil
    • Moje
  • Ostatnie nagrody:
  • Layout of the Fortnight #45
Odp: Zmiana czcionek w templecie Wordpress
« Odpowiedź #16 dnia: Grudzień 17, 2010, 21:26:53 »
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.

NieProGracz

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Odp: Zmiana czcionek w templecie Wordpress
« Odpowiedź #17 dnia: Grudzień 17, 2010, 23:18:47 »
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

  • *****
  • Podziękowania otrzymane: 44
  • Master of science
    • Zobacz profil
    • Moje
  • Ostatnie nagrody:
  • Layout of the Fortnight #45
Odp: Zmiana czcionek w templecie Wordpress
« Odpowiedź #18 dnia: Grudzień 18, 2010, 02:27:04 »
to mam nadzieje, że w css masz dalej ustawioną czcionke na h1-h6

NieProGracz

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Odp: Zmiana czcionek w templecie Wordpress
« Odpowiedź #19 dnia: Grudzień 18, 2010, 09:42:55 »
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

  • *****
  • Podziękowania otrzymane: 44
  • Master of science
    • Zobacz profil
    • Moje
  • Ostatnie nagrody:
  • Layout of the Fortnight #45
Odp: Zmiana czcionek w templecie Wordpress
« Odpowiedź #20 dnia: Grudzień 18, 2010, 13:06:51 »
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

NieProGracz

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Odp: Zmiana czcionek w templecie Wordpress
« Odpowiedź #21 dnia: Grudzień 18, 2010, 13:21:31 »
Dodałem -family przy wszystkich h, niestety nic to nie zmieniło.

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