Ximena
Blogger.Klub

Dołączył/a: 02 Cze 2013 Posty: 66
|
Wysłany:
2013-09-24, 16:38 Problem z czcionką w tytule postów (polskie ogonki)
|
|
|
Witam. Bardzo podoba mi się czcionka o nazwie Play, ale niestety nie posiada ona w opcjach bloggera polskich znaków, tzn. posiada ale zaczerpnięte są one już z innej czcionki co w praniu wygląda koszmarnie.
Na tej znanej wam wszystkim witrynie...
Kod http://hafija-background.blogspot.com/2012/06/jak-zmienic-czcionki-w-blogu-na-inne.html#.UkGMb4ZSiAj
...myślałem, że znalazłem sposób jak poradzić sobie z moim problemem. Niby robię wszystko jak tam jest napisane jednak efekt tego jest mizerny.
Po wpisaniu tego kodu w HTML:
Kod h3.post-title {font-weight: bold;
font-size: 50px;} .comments h4 {
font-family: 'Play', sans-serif;
Zamiast mojej ukochanej czcionki "Play"...
Kod http://www.google.com/fonts/#QuickUsePlace:quickUse/Family:
...pojawia mi się czcionka pseudo-Play:
Ta już wprawdzie posiada polskie znaki, ale mi się ona nie podoba
Wspomniany kod...
Kod h3.post-title {font-weight: bold;
font-size: 50px;} .comments h4 {
font-family: 'Play', sans-serif;
...wpisuję w miejsce tego:
Kod h3.post-title, .comments h4 {
font: $(post.title.font);
Wygląda to tak:
Cytat .date-header span {
background-color: $(date.header.background.color);
color: $(date.header.color);
padding: $(date.header.padding);
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
}
.main-inner {
padding-top: $(main.padding.top);
padding-bottom: $(main.padding.bottom);
}
.main-inner .column-center-inner {
padding: 0 $(main.padding);
}
.main-inner .column-center-inner .section {
margin: 0 $(main.section.margin);
}
.post {
margin: 0 0 $(post.margin.bottom) 0;
}
h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
}
.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}
.post-body .tr-caption-container {
color: $(image.text.color);
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
.post-header {
margin: 0 0 1.5em;
line-height: 1.6;
font-size: 90%;
}
.post-footer {
margin: 20px -2px 0;
padding: 5px 10px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
#comments .comment-author {
padding-top: 1.5em;
border-top: 1px solid $(body.rule.color);
background-position: 0 1.5em;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}
#comments .avatar-image-container img {
border: 1px solid $(image.border.color);
}
/* Comments
Mój blog testowy to:
Kod http://calciomania-plus.blogspot.com/
|
|