Skocz do zawartości

Witaj na forum webmasterów Webax.pl.

Wyświetl nową zawartość

Zmiana czcionki w szablonie WP

- - - - - wordpress css czcionka font szablon

  • Zaloguj się, aby dodać odpowiedź
4 odpowiedzi w tym temacie
Nerdi
Nerdi

    Żółtodziób

  • Użytkownik
  • Pip
  • 3 postów
#1

Napisano 27 kwiecień 2013 - 03:48

Witam serdecznie

 

Chciałbym się doradzić w sprawie plików css. Zainstalowałem ostatnio sobie nowy szablon do wordpressa który posiada nieszczęsną czcionkę w tytule pt. "BEBAS NEUE REGULAR" która nie posiada polskich znaków. Chciałbym ją zamienić na OSWALD (Bold: 700) - która wydaje mi się najodpowiedniejsza. Jednak nie umiem tego zrobić sam, próbowałem na różne sposoby. Czy ktoś mógłby mi doradzić gdzie to pozmieniać  i jak?

 

Z góry serdecznie dziękuję!

 

 

Kod css:

 



/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
/* remember to define focus styles! */
    outline: 0;
}

ol, ul {
    list-style: none;
}

table {
/* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    font-weight: normal;
    text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: 0;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/* BASIC */

body {
    font-family: Tahoma,Arial,Century gothic, sans-serif;
    color: #333;
    font-size: 12px;
    background: url(images/body.png);
    margin: 0 auto;
    padding: 0px 0px;
}

img {
    border: 0;
    margin: 0;
}

a {
    color: #008FA8;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

blockquote {
    color: #59666f;
    font-style: italic;
    font-family: Georgia;
    padding: 10px;
}

.clear {
    clear: both;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #fff;
    margin: 10px 0;
}

table td,table th {
    text-align: left;
    border: 1px solid #fff;
    padding: .4em .8em;
}

table th {
    background: #ddd;
    color: #999;
    text-transform: uppercase;
    font-weight: 400;
    border: 1px solid #fff;
}

table td {
    border: 1px solid #fff;
    background: #eee;
    color: #555;
}

table tr.even td {
    background: #eee;
    border: none;
}

table tr:hover td {
    background: #FFF9DF;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0;
}

img.alignnone {
    display: inline;
    background: #eee;
    margin: 0 0 10px;
    padding: 5px;
}

img.alignright {
    display: inline;
    background: #eee;
    margin: 5px 0 10px 10px;
    padding: 5px;
}

img.alignleft {
    display: inline;
    background: #eee;
    margin: 10px 15px 10px 0;
    padding: 5px;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.alignright {
    float: right;
    margin: 0 0 10px 10px;
}

.alignleft {
    float: left;
    margin: 10px 15px 10px 0;
}

.wp-caption {
    text-align: center;
    background: #eee;
    margin: 10px;
    padding: 4px 0 5px;
}

.wp-caption img {
    border: 0;
    margin: 0 0 5px;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    color: #444;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.rounded {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.boxshadow {
    -moz-box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}


/* FONTS */


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* OUTER  */


#wrapper {
    width: 1000px;
    margin: 50px auto;
    background:#f6f6f6;
}

/* HEADER */

#masthead {

}

#top {
    height: 120px;
    width: 1000px;
    margin: 0px auto;
	background:url(images/top.png) repeat-x;
}

#blogname {
    width: 400px;
    float: left;
    font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;
}

#blogname h1 {
    font-size: 48px;
    margin: 40px 0px 0px 20px;
    font-weight: normal;
}

#blogname h1 a:link, #blogname h1 a:visited {
    color: #111;
}

#blogname h3 {
    font-size: 16px;
    margin: 5px 0px 0px 0px;
    font-weight: normal;
}


/* TOP-MENU */

#botmenu {
    height: 70px;
    margin: 0px auto;
     background: url(images/menu.png) repeat-x;
}
	
#submenu {
    margin: 0px auto;
    width: 1000px;
    padding: 0px 0px;
}
	
#submenu ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0px;
}
	
#submenu li {
    float: left;
    list-style: none;
    margin: 0px 1px 0px 0px;
    padding: 0px;
    color: #999;
    text-shadow: 1px 1px 0px #000;
	font-size: 18px;
	font-weight:normal;
	font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;
}

#submenu li span.menudescription{
	display:block;
	font-size:10px;
	line-height:14px;
	color:#cbc6bd;
	font-family:Arial, Tahoma, Sans-serif;
}	

#submenu li a {
	color: #fff;
	display: block;
    margin: 0;
	padding: 25px 15px 5px 15px;
	text-decoration: none;
	position: relative;
	text-shadow: 1px 1px 0px #000;
	height:40px;
	}
	
#submenu li a:hover, #submenu li a:active{
	color: #FCDC00;
	text-shadow:1px 1px 0px #000;
	background:url(images/menua.png) repeat-x;
	}
	

#submenu li a.sf-with-ul {
	padding-right: 10px;
	}	
	
#submenu li .sf-sub-indicator{
	display:none;
}	

#submenu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 160px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px;
	background:url(images/submenu.png);
	}	

#submenu li ul li a, #submenu li ul li a:link, #submenu li ul li a:visited {
	color: #ddd;
	text-shadow:1px 1px 0px #890519;
	font-size:11px;
	text-shadow:none;
	width: 150px; 
	font-family: Arial, Tahoma, Verdana;
	margin: 0;
	padding: 0px 5px;
	line-height:35px;
	height:35px;
	text-transform: none;
	position: relative;
	}

#submenu li ul li a:hover, #submenu li ul li a:active {
	background:transparent;
	color: #fff; 
	}
	
ul.sub-menu li a{
	border-bottom:1px solid #525252;
}



#submenu li ul a { 
	width: 150px;
	}

#submenu li ul a:hover, #submenu li ul a:active { 
	}

#submenu li ul ul {
	margin: -40px 0 0 165px;

	}

#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
	left: -999em;
	}

#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
	left: auto;
	}

#submenu li:hover, #submenu li.sfHover { 
	position: static;
	}

/* SEARCH FORM	 */
	
	
#search {
    width: 270px;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    display: inline-block;
    height: 31px;
    float: right;
	border: 1px solid #e8e8e8;
	background:#fff;
}

#search form {
    margin: 0px 0px 0px 0px;
    padding: 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search p {
    margin: 0;
    font-size: 85%;
}

#s {
    width: 250px;
    background: transparent;
    margin: 0px 0px 0px 3px;
    padding: 5px 5px;
    height: 20px;
    border: none;
    font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    color: #555;
    float: left;
    display: inline;
}

#searchsubmit {
    background: #222;
    border: none;
    color: #fff;
    display: block;
    padding: 7px 7px;
    float: right;
    cursor: pointer;
}	
	
	
	
	
	
/* BELOW HEADER */	

#casing {
    width: 1000px;
    padding: 0px 0px 0px 0px;
}


/* CONTENT AREA */

#content {
    width: 670px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.post {
    margin: 0px 0px 20px 0px;
    color: #666;
    padding: 0px 0px 0px 0px;
	background: #fff;
    border: 1px solid #e8e8e8;
}

.postim {
	position:relative;
	background:url(images/footer.png);
	width:668px;
	height:250px;
}

img.postimg{
	width:668px;
	height:250px;
}
.btitle{
	position:absolute;
	left:0px;
	bottom:0px;
}

.btitle h2{
	padding:10px 25px;
	background:#111;
	font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
	font-size:24px;
}

.btitle h2 a:link,.btitle h2 a:visited {
	padding:0px 0px;
	color:#fff;
}

.btitle span{
	background:#ffa812;
	padding:2px 25px;
	color:#fff;
}

.btitle span a:link, .btitle span a:visited{
	color:#fff;
}

.title {
    margin: 0px 0px;
    padding: 0px 0px;
    font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
}

.title  h2 {
    margin: 25px 25px 0px 25px;
	padding:0px 0px 15px 0px;
    font-size: 24px;
    font-weight: normal;
    color: #222;
    line-height: 120%;
	border-bottom:1px solid #ececec;
}

.title  h2 a, .title  h2 a:link, .title  h2 a:visited {
    color: #222;
    background-color: transparent;
}

.title  h2 a:hover {
    color: #333;
    background-color: transparent;
}


.entry {
    margin: 10px 0px 10px 0px;
    padding: 0px 25px;
}

.entry a:link,
.entry a:visited {
    color: #FF9D00;
}

.entry a:hover {
    color: #FF9D00;
}

.entry ul, .entry ol {
    margin: .4em 0 1em;
    line-height: 150%;
}

.entry ul li, .entry ol li {
    list-style-position: outside;
    margin-left: 1.6em;
}

.entry p {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px;
    line-height: 160%;
}

.titlemeta{
	border-top:1px solid #ececec;
	padding:15px 0px;
	margin:0px 25px;
	font-size:10px;
    color: #999;	
}
.titlemeta a:link,
.titlemeta a:visited {
    color: #999;
}


span.smore{
	float:left;
	padding: 0px 10px 0px 20px;
    background: url(images/plus.png) left center no-repeat;
	color: #999;
}

span.comm {
	float:right;
    padding: 0px 10px 0px 20px;
    background: url(images/comment.png) left center no-repeat;
}

span.comm a:link,
span.comm a:visited {
    color: #999;
}

span.comm a:hover {
    color: #999;
}

span.slike {
	float:right;
    padding: 0px 0px 0px 20px;
	margin:0px 0px 0px 0px;
    background: url(images/heart.png) left center no-repeat;
}

span.slike a:link,
span.slike a:visited {
    color: #999;
}

span.slike a:hover {
    color: #999;
}


.categori{
float:left;
	padding: 0px 10px 0px 20px;
    background: url(images/tag.png) left center no-repeat;
	color: #999;
}

.categori a:link,.categori a:visited {
    color: #FFA812;
}

.categori a:hover {
    color: #999;
}


/* SIDEBAR */

#right {
    width: 270px;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

/* Banners */


.squarebanner {
    margin: 0px 0px 10px 0px;
}

.squarebanner ul {
    list-style-type: none;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.squarebanner ul li {
    list-style-type: none;
    margin: 10px 20px 20px 0px;
    float: left;
    display: inline;
}

.squarebanner ul li.rbanner {
    margin-right: 0px;
}

/* WIDGETS */
.sidebar {
    float: left;
}

h3.sidetitl {
    color: #fff;
   font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
    padding: 10px 0px 10px 10px;
    background: #444444;
	border-left:10px solid #FFA812;
}

.sidebox {
    width: 270px;
    list-style: none;
    color: #666;
    margin: 0px 0 30px 0px;
}

.sidebox ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px;
}

.sidebox li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 0px #fff;
}

.sidebox ul ul {
    list-style-type: none;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.sidebox ul li {
    height: 100%;
    line-height: 18px;
    clear: left;
    width: 260px;
    list-style-type: none;
    margin: 0;
    font-size: 12px;
    color: #777;	
}

.sidebox ul li a:link,.sidebox ul li a:visited {
    color: #777;
    text-decoration: none;
    display: block;
    padding: 5px 0px;
}

.sidebox ul li a:hover {
    color: #FFA812;
}

.sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,.sidebox.widget_links ul li,.sidebox.widget_meta ul li {
    padding-left: 10px;
    border-bottom: 1px solid #fafafa;
}

.sidebox.widget_recent_entries ul li a {
    border-bottom: 1px solid #fafafa;
	padding-left: 10px;
}

ul#recentcomments li.recentcomments {
    border-bottom: 1px solid #fafafa;
    padding: 5px 0px 5px 10px;
	
}

div#calendar_wrap {
    border: 1px solid #fff;
    margin: 0 auto;
    padding: 0;
}

table#wp-calendar {
    width: 100%;
    border: none;
    margin: 0!important;
    padding: 0;
}

#wp-calendar caption {
    font-size: 16px;
    color: #375752;
    font-weight: 400;
    font-family: BebasNeueRegular,Georgia,Century gothic, Arial, sans-serif;
    text-transform: uppercase;
    padding: 10px 5px 5px;
	text-align:center;
}

#wp-calendar th,#wp-calendar td {
    text-align: center;
    color: #fff;
    background: #555;
    padding: 7px 5px;
}

#wp-calendar tr {
    margin: 0!important;
}

#wp-calendar td {
    background-color: #eee;
    color: #444;
    margin: 0!important;
}

#wp-calendar td a {
    border: none;
    color: #D1512A;
}

.sidebox ul ul ul,.sidebox ul ul ul ul {
    list-style-type: none;
    border: 0;
    margin: 0;
    padding: 0;
}





/* COMMENTS */
#commentsbox {
    margin: 0px 0px 0px 0px;
}

h3#comments {
    padding: 10px 20px;
    font-family: 'BebasNeueRegular';
    font-size: 20px;
    background: #444444;
    margin: 20px 0px 20px 0px;
    color: #fff;
}

ol.commentlist {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
}

ol.commentlist li {
    line-height: 18px;
    background: #fff;
    margin: 0px 0 20px 0px;
    padding: 25px;
    border: 1px solid #e8e8e8;
}

ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited {
    color: #333;
    font-weight: 700;
    text-decoration: none!important;
}

cite.fn {
    color: #eee;
    font-style: normal;
}

ol.commentlist li .comment-author .avatar {
    float: right;
    border: 1px solid #eee;
    background: #fff;
    padding: 3px;
}

ol.commentlist li .comment-meta .commentmetadata {
    color: #000;
}

ol.commentlist li .comment-meta a {
    color: #E88F02;
    text-decoration: none!important;
}

ol.commentlist li p {
    line-height: 22px;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

ol.commentlist li .reply {
    margin-top: 10px;
    font-size: 10px;
}

ol.commentlist li .reply a {
    background: #FFA812;
    border: 1px solid #E88F02;
    color: #fff;
    text-decoration: none;
    padding: 3px 10px;
}

ol.commentlist li ul.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
}

.comment-nav {
    height: 20px;
    padding: 5px;
}

.comment-nav a:link,.comment-nav a:visited {
    color: #E88F02;
}

#respond {
    margin: 10px 0;
    padding: 0;
}

#respond h3 {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    padding: 5px 0 0;
}

#commentform {
    padding: 10px 0;
}

#commentform a {
    color: #E1512A;
}

#commentform p {
    color: #999;
    margin: 5px 0;
}

#respond label {
    display: block;
    color: #999;
    padding: 5px 0;
}

#respond input {
    background: #fff;
    border: 1px solid #ddd;
    color: #02070F;
    margin: 0 10px 10px 0;
    padding: 5px;
}

#commentform input {
    width: 50%;
}

#respond input#commentSubmit {
    width: 100px;
    background: #545454;
    border: 1px solid #333;
    color: #fff;
    cursor: pointer;
    margin: 10px 0;
    padding: 3px 5px;
}

textarea#comment {
    background: #fff;
    border: 1px solid #ddd;
    width: 70%;
    color: #02070F;
    margin: 10px 0 0;
    padding: 5px;
}

ol.commentlist li .comment-author,ol.commentlist li .comment-author .fn {
    color: #333;
}

ol.commentlist li .comment-meta,#respond label small {
    font-size: 10px;
}

ol.commentlist li ul.children li.depth-2,ol.commentlist li ul.children li.depth-3,ol.commentlist li ul.children li.depth-4,ol.commentlist li ul.children li.depth-5 {
    margin: 0 0 0 50px;
}

/* Archive title and pagination */	
	
h1.pagetitle {
    font-size: 14px;
    margin-bottom: 20px;
    color: #777;
}	
	

/* Footer widgets */


#bottom {
    margin: 0px auto;
    width: 1000px;
	background:url(images/ystripe.png) top repeat-x;
}

.bottomcover {
    margin: 0px auto;
	background:url(images/submenu.png);
}

h3.bothead {
    font-size: 20px;
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-family: 'BebasNeueRegular', Arial,Tahoma,Century gothic,sans-serif;
    font-weight: normal;
}

.botwid {
    float: left;
    width: 217px;
    padding-bottom: 30px;
    font-size: 11px;
    margin: 20px 10px 0px 20px;
    color: #ddd;
    list-style: none;
}

.botwid ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.botwid li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.botwid ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat;
}

.botwid ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.botwid ul ul ul ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.botwid ul li {
    height: 100%;
    line-height: 18px;
    clear: left;
    width: 215px;
    list-style-type: none;
}

.botwid ul li a:link, .botwid ul li a:visited {
    color: #ddd;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    display: block;
    border-bottom: 1px solid #555;
}

.botwid ul li a:hover {
    color: #fff;
}

.botwid p {
    padding: 7px 0px;
    margin: 0;
    line-height: 150%;
}

.botwid table {
    width: 100%;
    text-align: center;
    color: #787d7f;
}			

		
	
	
/* --- FOOTER --- */

#footer {
    width: 1000px;
    padding: 20px 0px;
    margin: 0px 0px 0px 0px;
    color: #aaa;
    font-size: 11px;
    background:url(images/footer.png);
    float: left;
}

#footer a:link , #footer a:visited {
    color: #aaa;
}

#footer a:hover {
    color: #aaa;
}

.fcred {
    text-align: center;
    margin: 0px auto;
    line-height: 16px;
}

/* Pagenavi */
#navigation {
    padding:0px 0px 20px 0px;
}

.wp-pagenavi {
    font-size: 12px;
    text-align: center !important;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    text-decoration: none;
    background: #666!important;
    border: 1px solid #333 !important;
    color: #fff !important;
    padding: 3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;
}

.wp-pagenavi a:hover {
    color: #ffffff;
}

.wp-pagenavi span.pages {
    display: none;
}

.wp-pagenavi span.current {
    text-decoration: none;
    background: #FFD000 !important;
    border: 1px solid #E8B900!important;
    color: #fff !important;
    padding: 3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;
}

.wp-pagenavi span.extend {
    text-decoration: none;
    background: #FFD000 !important;
    border: 1px solid #E8B900 !important;
    color: #fff !important;
    padding: 3px 7px !important;
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;
}	


/* Tooltips */

#tooltip {
    position: absolute;
    font-family: BebasNeueRegular;
    border: 1px solid #ddd;
    font-size: 18px;
    background: #fff;
    padding: 10px 20px;
    color: #666;
    display: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 2px #ccc;
    -webkit-box-shadow: 0 0 2px #ccc;
    box-shadow: 0 0 2px #ccc;
}	

	
/* page 404 */
#home-content .entry {
    text-align: center;
}

.title-404 h2 {
    text-align: center;
    font-size: 48px;
    font-family: BebasNeueRegular;
    padding: 20px 0px;
}

/* Banner*/

.topad{
	margin:35px 20px 0px 0px;
	float:right;
	background:#fff;
	border:1px solid #ddd;
	padding:3px; 
}








 

 



Compoland
Compoland

    Początkujący

  • Użytkownik
  • PipPipPip
  • 62 postów
#2

Napisano 27 kwiecień 2013 - 11:29

Zamiast:

 

@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
 

daj:

@import url(http://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext);

 

i wszystkie inne odwołania do tej czcionki (wyszukuj po nazwie), np.

 font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;

zamień na:

font-family: 'Oswald', sans-serif;

 

Pozdrawiam! :)



Nerdi
Nerdi

    Żółtodziób

  • Użytkownik
  • Pip
  • 3 postów
#3

Napisano 27 kwiecień 2013 - 12:20

Zamiast:

 

@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}
 

daj:

@import url(http://fonts.googleapis.com/css?family=Oswald:700&subset=latin,latin-ext);

 

i wszystkie inne odwołania do tej czcionki (wyszukuj po nazwie), np.

 font-family: 'BebasNeueRegular',Arial, Tahoma, Sans-serif;

zamień na:

font-family: 'Oswald', sans-serif;

 

Pozdrawiam! :)

 

Dziękuje ci ślicznie! Działa!

 

Mam inny problem teraz z tą czcionką:

 

http://i.imgur.com/KCHZsBZ.png

 

Bold 700 pasuje idealnie ale jak widać straszne piksele się porobiły. Czy istnieje możliwość wygładzenia tekstu? Czy muszę szukać alternatywy. Spróbuje jeszcze zamiast 700 dać 400 (normalna czcionka)



Compoland
Compoland

    Początkujący

  • Użytkownik
  • PipPipPip
  • 62 postów
#4

Napisano 27 kwiecień 2013 - 14:12

Oczywiście, że istnieje możliwość wygładzania tekstu za pomocą jQuery, ale zazwyczaj się jej nie stosuje, bo to dość mocno obciąża stronę... można oczywiście wykorzystać css-owe:

 

font-smooth: always;

 

ale szczerze mówiąc nie wiem jak to działa. Nigdy nie widziałem różnicy :D

 

Mogę zapewnić Cię, że na Chromie na pewno ta czcionka jest wygładzona, bo to font dopracowany przez ekipę Google (pod ich przeglądarkę)... ale, żeby ładnie wyglądała również w FF czy też Operze, czasami wystarczy zwiększyć / zmniejszyć minimalnie jej wielkość (o jeden px) :)



Nerdi
Nerdi

    Żółtodziób

  • Użytkownik
  • Pip
  • 3 postów
#5

Napisano 27 kwiecień 2013 - 15:53

Oczywiście, że istnieje możliwość wygładzania tekstu za pomocą jQuery, ale zazwyczaj się jej nie stosuje, bo to dość mocno obciąża stronę... można oczywiście wykorzystać css-owe:

 

font-smooth: always;

 

ale szczerze mówiąc nie wiem jak to działa. Nigdy nie widziałem różnicy :D

 

Mogę zapewnić Cię, że na Chromie na pewno ta czcionka jest wygładzona, bo to font dopracowany przez ekipę Google (pod ich przeglądarkę)... ale, żeby ładnie wyglądała również w FF czy też Operze, czasami wystarczy zwiększyć / zmniejszyć minimalnie jej wielkość (o jeden px) :)

 

OK dziękuje serdecznie za pomoc :)







Również z jednym lub większą ilością słów kluczowych: wordpress, css, czcionka, font, szablon

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych