PDA

Zobacz pełną wersję : [j 3.3.6] szablon gantry - brak polskich znaków w czcionkach google


AMod
14-01-2015, 11:26
cześć,

mam problem z polskimi znakami (ICH BRAKIEM) w czcionkach google zainstalowanych w szablonie.
8037

nie ma tutaj niestety miejsca aby dodać kod latin-ext gdzie to można naprawić wie ktoś? w kodzie

w kodzie index.php mamy:

$gantry->addStyle('//fonts.googleapis.com/css?family=' . str_replace(" ", "+", $name) . $variant);

i jak tutaj wkomponować:

&subset=latin,latin-ext

powinno to pomóc tylko nie wiem jak do dołożyć do tej górnej lini aby trybiło może ktoś miał taki problem?

pozdrawiam
Pokorny
14-01-2015, 11:33
a jaką czcionkę wybierasz?
u mnie przy wyborze Lato w źródle jest
<link type="text/css" href="http://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,regula r,italic,700,700italic,900,900italic&subset=latin,latin-ext" rel="stylesheet">
nic nie modyfikowałem
AMod
14-01-2015, 11:46
open sans

mam w źródle:


<link type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic, 600,600italic,700,700italic,800,800italic" rel="stylesheet">
Pokorny
14-01-2015, 12:14
świeżo ściągnięte i zaistalowane gantry 4.1.27 wersja bundle
dla wyboru open sans jest:
<link type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,regular,italic, 600,600italic,700,700italic,800,800italic&subset=latin,latin-ext" rel="stylesheet">


którą masz wersję gantry? bo Twoje wersja na obrazku wygląda trochę inaczej niz u mnie
AMod
14-01-2015, 12:23
miałem 4.1.25 mam juz 27

a gdzie moge wybrać aby było latin-ext?

jest gdzieś opcja wyboru na latin-ext w panelu joomla, kodzie czy na plikach musze zmienić?
yama
15-01-2015, 02:12
Deklaracja latin-ext jest w gantry zdefiniowana domyślnie. Plik /katalog_joomla/libraries/gantry/features/font.php
Jeżeli jak pisałeś masz w pliku index.php ścieżkę z parametrami dla google fonts to może ją usuń, być może ona przejmuje priorytet przed deklaracją z pliku font.php.
Lub edycja pliku index i dodanie parametrów o które pytałeś (kopia z font.php):

$gantry->addStyle("{$protocol}://fonts.googleapis.com/css?family=" . str_replace(" ", "+", $name) . $variant . "&amp;subset=latin,latin-ext");

lub jeżeli powyższe nie zadziała lub wygeneruje błąd (zmieniony wpis z Twojego indexu):


$gantry->addStyle('//fonts.googleapis.com/css?family=' . str_replace(" ", "+", $name) . $variant . '&amp;subset=latin,latin-ext');

powodzenia
AMod
16-01-2015, 09:39
zadziałało zmiana w katalogu templates/szablon/index.php


$gantry->addStyle('//fonts.googleapis.com/css?family=' . str_replace(" ", "+", $name) . $variant . '&amp;subset=latin,latin-ext');

teraz wszystkie czcionki wybierane z listy mają wszystkie polskie znaki.

oczywiście trzeba także sprawdizć w liberaries/gantry/features/font.php linia 113 czy tam dobrze jest.
Pitikowiec
19-01-2015, 20:41
WItam Serdecznie

Nie chciałem zakładać nowego tematu stąd moja prośba w tym temacie.
Problem z fontami i ogonkami w szablonie, szablon zakupiony z legalnego źródła.

Font Yanone Kaffeesatz jak sprawdzałęm występuję w wersji z ogonkami
Nie wiem gdzie dopisać latin-ext, aby uzyskać pl

Będę bardzo wdzięczny za pomoc.

Pozdrawiam

index.php


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>

<?php

$doc->addStyleSheet('templates/'.$this->template.'/css/bootstrap.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/default.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/template.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/touch.gallery.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/komento.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/magnific-popup.css');
$doc->addStyleSheet('templates/'.$this->template.'/css/responsive.css');
$doc->addStyleSheet('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');
$doc->addStyleSheet('//fonts.googleapis.com/css?family=PT+Sans:400,700|Yanone+Kaffeesatz:700|S acramento');

if($themeLayout == 1){
$doc->addStyleSheet('templates/'.$this->template.'/css/layout.css');
}
?>
<jdoc:include type="head" />

<!--[if IE 8]>
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/ie.css" />
<![endif]-->

</head>


css


.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.input-block-level {
display: block;
width: 100%;
min-height: 38px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
/*======================= TYPOGRAPHY =======================*/
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #a7a7a7;
}
h1,
h2,
h3 {
font: 80px 'Yanone Kaffeesatz', sans-serif;
color: #1e1e1e;
line-height: 1.4em;
position: relative;
overflow: hidden;
margin-bottom: 4px;
text-align: center;
text-transform: uppercase;
}
h1 .item_title_part0,
h2 .item_title_part0,
h3 .item_title_part0 {
position: relative;
display: inline-block;
}
h1 .item_title_part0:before,
h2 .item_title_part0:before,
h3 .item_title_part0:before {
content: "";
position: absolute;
top: 54px;
height: 6px;
width: 600px;
background: url(../images/line_hor1.gif) 0 0 repeat-x;
margin-left: -630px;
left: 0;
}
h1:after,
h2:after,
h3:after {
content: "";
position: absolute;
margin-left: 30px;
top: 54px;
height: 6px;
width: 100%;
background: url(../images/line_hor1.gif) 0 0 repeat-x;
}
h4 {
font: 16px 'PT Sans', sans-serif;
color: #1e1e1e;
padding: 0 0 9px 0;
font-weight: bold;
line-height: 18px;
}
.page-item h3:after {
display: none;
}
.page-item h3 .item_title_part0:before {
display: none;
}
.alert-heading {
color: inherit;
}
p {
margin: 0;
padding-bottom: 18px;
}
.icons-marker {
font-size: 16.8px;
line-height: 18px;
}
/*Buttons*/
.btn {
padding: 0;
font-size: 24px;
font-family: 'Yanone Kaffeesatz', sans-serif;
/* .buttonBackground(@btnBackground, @btnBackgroundHighlight, @btnColor, none);*/

background: none;
color: #1e1e1e;
text-shadow: none;
/*border: 1px solid @btnBorder;*/

border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
margin-top: -15px;
text-transform: uppercase;
}
.btn:hover {
text-decoration: none;
background: none;
color: #a7a7a7;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.btn:active,
.btn:focus {
background: none;
color: #a7a7a7;
border: none;
}
.btn.disabled {
cursor: default !important;
color: #a7a7a7;
background: none;
pointer-events: none;
}
.btn-primary {
margin-top: 0;
}
.btn-primary.submitButton {
float: right;
}
#searchForm .btn.btn-primary {
height: 38px;
line-height: 38px;
margin-left: 10px;
}
.btn-group .btn.dropdown-toggle {
padding: 3px 10px;
border: 1px solid #fff;
margin-right: 0;
background: #eee;
text-decoration: none !important;
margin-top: 0;
}
.btn-group .btn,
.btn-toolbar .btn {
margin-right: 16px;
text-decoration: none !important;
margin-top: 0;
}
#jform_images_image_intro,
#jform_images_image_fulltext {
height: 26px;
border: none;
float: left;
}
.input-append .add-on,
.input-prepend .add-on {
border: none;
float: left;
}
.input-append input,
.input-prepend input {
float: left;
margin-right: 16px;
}
.input-prepend .btn,
.input-append .btn {
margin-right: 16px;
margin-top: 0;
text-decoration: none !important;
}
.tooltip {
width: auto;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
background: #fff;
}
.tab-content {
background: #fff;
margin-bottom: 0;
padding: 10px;
border: 1px solid #ddd;
border-top: none;
margin-bottom: 30px;
}
.nav-tabs {
margin-bottom: 0;
}
.radio,
.checkbox {
padding-left: 0;
}
/*Lists*/
ul {
margin: 0;
}
li {
list-style-type: none;
}
ul.list1 {
padding-bottom: 12px;
}
.list1 li {
padding-bottom: 6px;
}
.list1 a {
padding-left: 14px;
position: relative;
color: #a7a7a7;
}
.list1 a:before {
position: absolute;
top: 3px;
left: 0;
content: "\f101";
font: 10px FontAwesome;
color: #1e1e1e;
}
.list1 a:hover {
color: #1e1e1e;
}
ul.categories-module h5 {
font-size: 1em;
line-height: inherit;
font-weight: normal;
margin: 0;
}
/*Pagination*/
.pagination {
height: auto;
margin: 0;
padding: 0 0 50px;
}
.pagination ul {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
box-shadow: none;
margin: 0 auto;
width: 100%;
text-align: left;
}
.pagination ul li {
display: inline-block;
margin-right: 10px;
}
.pagination ul li .pagenav,
.pagination ul li .hasTooltip {
font: 800 14px/18px;
text-transform: none;
color: #cecece;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
border: 1px solid #e3e3e3;
box-shadow: none;
}
.pagination ul li a,
.pagination ul li span {
padding: 3px 10px;
}
.pagination ul li span.pagenav,
.pagination ul li .span.hasTooltip {
color: #cecece;
}
.pagination ul li a.pagenav,
.pagination ul li a.hasTooltip {
color: #cecece;
}
.pagination ul li a.pagenav:hover,
.pagination ul li a.hasTooltip:hover {
background: #e3e3e3;
color: #1e1e1e;
}
.pagination ul li.num span.pagenav,
.pagination ul li.num span.hasTooltip {
color: #1e1e1e;
background: #e3e3e3;
}
/*Forms*/
input[type='radio'],
input[type='checkbox'] {
margin: 3px 8px 0 0!important;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
box-shadow: 0 0 0;
}
.phrases-box {
overflow: hidden;
}
.phrases-box .controls label {
float: left;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 0;
}
/* Images */
.item_img,
.category_img {
margin-bottom: 18px;
position: relative;
}
.item_img {
font-size: 0;
line-height: 0;
}
.item_img a {
position: relative;
display: inline-block;
max-width: 100%;
}
.item_img a:after {
content: '\f14d';
font-family: FontAwesome;
position: absolute;
left: 0;
width: 100%;
height: 0;
text-align: center;
top: 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 3;
}
.item_img a:hover:after {
font-size: 40px;
color: #1e1e1e;
}
.item_img a .BWfade {
width: 100% !important;
height: 100% !important;
z-index: 2;
}
.item_img a img {
opacity: 0.99;
filter: alpha(opacity=99);
}
.img-intro__left,
.img-full__left {
float: left;
margin: 0 18px 9px 0;
max-width: 50%;
}
.img-intro__right,
.img-full__right {
float: right;
margin: 0 0 9px 18px;
max-width: 50%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
margin-top: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well #searchword {
background: #e9e9e9;
color: #444444;
}
.well h3:after,
.well h3 .item_title_part0:before {
display: none;
}
.bg_cont {
background: #fff;
position: relative;
z-index: 1;
}
/*======================= TOP =======================*/
/*======================= HEADER =======================*/
#header-row {
padding: 21px 0 2px 0;
position: relative;
z-index: 2;
}
#header-row .container {
position: relative;
}
.top_menu {
float: right;
padding-top: 9px;
}
.top_menu li {
float: left;
}
.top_menu a {
display: inline-block !important;
width: 20px;
height: 20px;
text-indent: -9999px;
background: url(../images/icon_search.png) 0 0 no-repeat;
text-align: left;
}
.top_menu a:hover,
.top_menu a:active,
.top_menu a:focus,
.top_menu a.active {
opacity: 0.5;
background-color: #1e1e1e !important;
}
.top_menu .share {
margin: 0 2px 0 18px;
width: 22px;
background: url(../images/icon_share.png) 0 0 no-repeat;
}
#logo {
position: relative;
}
#logo:after {
content: "";
position: absolute;
bottom: -23px;
left: 48px;
background: url(../images/logo_bg.png) 0 0 no-repeat;
width: 49px;
height: 21px;
}
.search-block {
position: absolute;
z-index: 99;
top: 50px;
right: 42px;
padding: 10px;
width: 266px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
top: -200px;
}
.search-block.open {
opacity: 1;
top: 50px;
}
.search-block:before {
content: "";
position: absolute;
top: -8px;
right: 5px;
background: url(../images/marker_box.png) 0 0 no-repeat;
width: 10px;
height: 8px;
}
.search-block h3 {
font: 30px 'Sacramento', cursive;
color: #1e1e1e;
line-height: 1.2em;
padding: 0;
margin: 0;
overflow: inherit;
font-weight: 400;
text-align: left;
text-transform: inherit;
}
.search-block h3:after,
.search-block h3 .item_title_part0:before {
display: none;
}
.search-block .btn_close {
position: absolute;
top: 10px;
right: 10px;
background: url(../images/close_button.png) 0 0 no-repeat;
width: 15px;
height: 15px;
z-index: 3;
}
.search-block .btn_close:hover {
opacity: 0.5;
}
.search-block input {
max-width: 100%;
}
.search-block .mod-search {
background: #dbdbdb;
}
.search-block #searchword {
height: 36px;
background: #dbdbdb;
border-color: #dbdbdb;
float: left;
width: 210px;
margin-top: 0 !important;
}
.search-block #searchword:active,
.search-block #searchword:focus {
box-shadow: 0 0 0;
}
.search-block .btn {
float: left;
background: url(../images/search_button.png) center center no-repeat;
height: 36px;
width: 36px;
margin-top: 0;
}
.search-block .btn:hover {
opacity: 0.5;
}
.social {
position: absolute;
z-index: 99;
top: 50px;
right: 2px;
padding: 10px;
width: 266px;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
top: -200px;
}
.social.open {
opacity: 1;
top: 50px;
}
.social:before {
content: "";
position: absolute;
top: -8px;
right: 5px;
background: url(../images/marker_box.png) 0 0 no-repeat;
width: 10px;
height: 8px;
}
.social h3 {
font: 30px 'Sacramento', cursive;
color: #1e1e1e;
line-height: 46px;
padding: 0;
margin: 0;
overflow: inherit;
font-weight: 400;
text-align: left;
text-transform: inherit;
float: left;
}
.social h3:after,
.social h3 .item_title_part0:before {
display: none;
}
.social .btn_close {
position: absolute;
top: 10px;
right: 10px;
background: url(../images/close_button.png) 0 0 no-repeat;
width: 15px;
height: 15px;
z-index: 3;
}
.social .btn_close:hover {
opacity: 0.5;
}
.social .mod-menu__social {
float: left;
}
.social .mod-menu__social li {
float: left;
margin-left: 8px;
}
.social .mod-menu__social a {
display: block;
width: 46px;
height: 46px;
text-align: left;
text-indent: -9999px;
}
.social .mod-menu__social .facebook {
background: url(../images/facebook.png) 0 0 no-repeat;
}
.social .mod-menu__social .twitter {
background: url(../images/twitter.png) 0 0 no-repeat;
}
/*======================= NAVIGATION =======================*/
.navigation .select-menu {
height: 30px;
}
.navigation {
padding-top: 8px;
}
.navigation ul.sf-menu {
float: right;
/*SubMenu Styles*/

/*Define 1st SubMenu position*/

/*Define menu width*/

/*Define SubMenu position*/

/*Define 2nd+ SubMenu position*/

}
.navigation ul.sf-menu > li {
padding: 0;
margin: 0 15px 0 22px;
position: relative;
}
.navigation ul.sf-menu > li.active > a,
.navigation ul.sf-menu > li.sfHover > a,
.navigation ul.sf-menu > li.current > a,
.navigation ul.sf-menu > li:hover > a,
.navigation ul.sf-menu > li.active > span,
.navigation ul.sf-menu > li.sfHover > span,
.navigation ul.sf-menu > li.current > span,
.navigation ul.sf-menu > li:hover > span {
background: none;
color: #ffffff;
}
.navigation ul.sf-menu > li.active > a:after,
.navigation ul.sf-menu > li.sfHover > a:after,
.navigation ul.sf-menu > li.current > a:after,
.navigation ul.sf-menu > li:hover > a:after,
.navigation ul.sf-menu > li.active > span:after,
.navigation ul.sf-menu > li.sfHover > span:after,
.navigation ul.sf-menu > li.current > span:after,
.navigation ul.sf-menu > li:hover > span:after {
width: 100%;
opacity: 1;
left: 0;
height: 6px;
}
.navigation ul.sf-menu > li > a,
.navigation ul.sf-menu > li > span {
font-size: 20px;
line-height: 1.2em;
font-family: 'Yanone Kaffeesatz', sans-serif;
color: #ffffff;
background: none;
height: 1.2em;
text-transform: uppercase;
font-weight: bold;
display: block;
padding: 0 2px;
position: relative;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.navigation ul.sf-menu > li > a:after,
.navigation ul.sf-menu > li > span:after {
content: "";
position: absolute;
bottom: -15px;
left: 0;
width: 100%;
background: url(../images/line_hor1.gif) 0 center repeat-x;
height: 6px;
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
height: 0;
pointer-events: none;
}
.navigation ul.sf-menu > li > a:hover,
.navigation ul.sf-menu > li > span:hover {
background: none;
color: #ffffff;
}
.navigation ul.sf-menu > li > ul {
top: 47px;
left: 50%;
margin-left: -75px;
}
.navigation ul.sf-menu ul {
width: 150px;
}
.navigation ul.sf-menu li li ul {
top: -18px;
left: 151px;
}
.navigation ul.sf-menu li li li ul {
top: -18px;
left: 151px;
}
.navigation ul.sf-menu ul {
background: #1e1e1e;
padding: 18px 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.navigation ul.sf-menu ul li.open > .sub-menu {
display: block !important;
}
.navigation ul.sf-menu ul li a,
.navigation ul.sf-menu ul li span {
font-size: 14px;
line-height: 24px;
font-family: 'PT Sans', sans-serif;
color: #ffffff;
background: none;
display: block;
padding: 0 20px;
text-decoration: none;
text-transform: lowercase;
text-align: center;
}
.navigation ul.sf-menu ul li a:hover,
.navigation ul.sf-menu ul li span:hover {
background: none;
color: #a7a7a7;
}
.navigation ul.sf-menu ul li a:first-letter,
.navigation ul.sf-menu ul li span:first-letter {
text-transform: uppercase;
}
.navigation ul.sf-menu ul li.active > a,
.navigation ul.sf-menu ul li.sfHover > a,
.navigation ul.sf-menu ul li.active > span,
.navigation ul.sf-menu ul li.sfHover > span {
background: none;
color: #a7a7a7;
}
.navigation ul.sf-menu ul li.firstItem {
border: none;
}
.navigation ul.sf-menu.sf-vertical {
width: 150px;
/*Define 1st SubMenu position*/

}
.navigation ul.sf-menu.sf-vertical li {
width: 150px;
margin-bottom: 1px;
}
.navigation ul.sf-menu.sf-vertical li:hover > ul,
.navigation ul.sf-menu.sf-vertical li.sfHover > ul {
top: -13px;
}
.navigation ul.sf-menu.sf-vertical ul {
left: 152px;
}
.navigation ul.sf-menu.sf-vertical ul li a,
.navigation ul.sf-menu.sf-vertical ul li span {
padding: 9px 12px;
}
.navigation ul.sf-menu.sf-navbar {
height: 1.2em;
padding-bottom: 1.2em;
margin-bottom: 2px;
/*Define 1st SubMenu position*/

}
.navigation ul.sf-menu.sf-navbar li:hover > ul,
.navigation ul.sf-menu.sf-navbar li.sfHover > ul {
top: 3.2em;
left: 0;
}
.navigation ul.sf-menu.sf-navbar li ul {
width: auto;
padding: 2px 0;
}
.navigation ul.sf-menu.sf-navbar li ul ul.sub-menu {
width: 150px;
top: 1.2em;
}
.navigation .select-menu {
color: #444444;
}
/*======================= SHOWCASE =======================*/
#showcase-row {
position: relative;
z-index: 1;
}
#showcase-row .container {
width: 100%;
}
#showcase-row .span12 {
width: 100%;
margin-left: 0;
}
#showcase-row .row {
margin-left: 0;
}
.mod-newsflash-adv .isotope {
margin: 0 -1.5%;
}
.mod-newsflash-adv .isotope-item {
padding: 0 1.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
float: left;
}
.mod-newsflash-adv .isotope-item.straightDown {
text-align: center;
}
/*======================= FEATURE =======================*/
/*======================= MAINTOP =======================*/
/*======================= CONTENT TOP =======================*/
/*======================= CONTENT =======================*/
.bg_cont {
padding: 34px 0 67px 0;
position: relative;
z-index: 1;
}
.bg_cont .moduletable {
padding-bottom: 8px;
}
.item_img {
float: left;
margin: 0 20px 20px 0;
}
.events h3 {
padding-bottom: 0px;
margin-bottom: 0;
margin-bottom: -3px;
}
.events .list_carousel {
padding-top: 31px;
position: relative;
}
.events .caroufredsel_pagination {
position: absolute;
top: 0;
left: 20px;
right: 0;
text-align: center;
}
.events .caroufredsel_pagination a {
display: inline-block;
width: 12px;
padding: 0;
height: 12px;
margin: 0 5px;
text-indent: -9999px;
text-align: left;
background: #a7a7a7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.events .caroufredsel_pagination a:hover,
.events .caroufredsel_pagination a.selected {
background: #1e1e1e;
}
.events .item_img {
margin-right: 0;
float: none;
position: relative;
margin-bottom: 13px;
}
.events .item_img .item_published {
position: absolute;
top: -10px;
right: 0;
width: 147px;
height: 76px;
background: url(../images/bg_date.png) 0 0 no-repeat;
color: #fff;
font: 22px 'Yanone Kaffeesatz', sans-serif;
line-height: 58px;
padding-right: 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: right;
font-weight: bold;
z-index: 99;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.events .item_img a:hover .item_published {
background-position: 0 10px;
}
.fashion-gallery .mod-newsflash-adv {
overflow: hidden;
padding-bottom: 34px;
}
.fashion-gallery .item {
float: left;
width: 25%;
}
.fashion-gallery .item_num0,
.fashion-gallery .item_num7 {
width: 50%;
}
.fashion-gallery .item_img {
float: none;
margin-right: 0;
margin-bottom: 0;
}
.inspiration .mod-newsflash-adv {
margin: 0 -10px -25px;
overflow: hidden;
}
.inspiration .item {
padding: 0 10px;
float: left;
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inspiration .item_img {
margin-right: 0;
margin-bottom: 30px;
float: none;
}
.page-category__designers .items-row {
padding-bottom: 30px;
}
.page-category__designers .item_img {
margin-bottom: 12px;
}
.item__module {
overflow: hidden;
}
.page-blog .item {
padding-bottom: 50px;
}
.contact_form,
.page-category__history,
.page-category__faqs,
.page-category__testimonials,
.page-category__team {
padding-bottom: 50px;
}
.page-item .item_img {
max-width: 50%;
}
.page-item .addthis_toolbox {
display: block;
}
.item_img.span5 {
width: auto;
}
.zoom-bg,
.zoom-icon {
display: none !important;
}
.kmt-title:after,
.kmt-author:after {
display: none;
}
#component {
min-height: 0;
}
#system-message-container .alert-message {
margin-bottom: 40px;
}
.page-item {
padding-bottom: 50px;
}
.container-fluid {
padding: 0 !important;
}
.item:after {
content: '';
display: block;
clear: both;
}
.page-header {
border: none;
padding: 0;
margin: 0;
}
.item_info_dl {
margin: 0 0 18px;
}
.item_info_dl dd {
margin: 0;
display: inline;
}
.item_info_dl dd > * {
display: inline;
}
.item_icons.btn-group.pull-right {
margin: 0px 0 10px 10px;
position: relative;
z-index: 10;
}
/*===== Gallery Page ======*/
ul.gallery {
margin: 0 0 0 -20px;
}
ul.gallery .gallery-item {
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 20px;
float: left;
list-style: none;
}
ul.gallery .gallery-item .item_img {
margin-right: 0;
float: none;
max-width: 100%;
}
ul.gallery .gallery-item.straightDown {
float: none;
}
ul.gallery .gallery-item.straightDown .item_img {
float: left;
margin: 0 18px 18px 0 !important;
}
.gallery-item .view .content * {
color: inherit;
}
.gallery-item .view .content a:hover {
color: #999;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer !important;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
width: 20px;
height: 20px;
float: right;
margin: 0;
line-height: 20px;
}
/*===== Testimonials Page ======*/
.page-category__testimonials .item {
margin-bottom: 30px;
}
blockquote {
padding: 0;
margin: 0;
border-left: none;
}
blockquote p {
margin-bottom: 0;
padding: 0;
font-size: inherit;
font-weight: normal;
line-height: inherit;
}
blockquote p:before {
content: '"';
}
blockquote p:after {
content: '"';
}
blockquote small {
text-align: right;
}
/*===== Team Page ======*/
.page-category__team .item_introtext {
overflow: hidden;
}
/*===== Blog Page ======*/
.tags {
clear: both;
}
.addthis_toolbox {
padding-top: 14px;
}
/*======================= CONTENT BOTTOM =======================*/
/*======================= ASIDE RIGHT =======================*/
.archive-module li a,
.categories-module li a,
.mod-menu .nav.menu li a {
display: inline;
}
.archive-module li a:hover,
.categories-module li a:hover,
.mod-menu .nav.menu li a:hover {
background-color: transparent;
}
.tagspopular ul {
margin: 0;
}
.tagspopular ul li {
list-style: none;
display: inline-block;
padding: 0 15px 12px 0;
}
/*======================= MAINBOTTOM =======================*/
.contacts .menu {
margin: 0 -10px;
overflow: hidden;
padding-top: 11px;
}
.contacts .menu li {
width: 25%;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
text-align: center;
}
.contacts .menu a,
.contacts .menu .separator {
display: inline-block !important;
}
.contacts .menu a img,
.contacts .menu .separator img {
display: inline-block;
margin-bottom: 12px;
}
.contacts .menu a {
color: #a7a7a7;
}
.contacts .menu a:hover {
color: #1e1e1e;
}
.contacts .menu .image-title {
display: block;
}
/*======================= BOTTOM =======================*/
/*======================= FOOTER =======================*/
#copyright-row {
padding: 26px 0 7px 0;
text-align: left;
position: relative;
z-index: 9;
}
#copyright {
color: #fff;
line-height: 52px;
}
#copyright .footer_logo {
float: right;
position: relative;
}
#copyright .footer_logo:before {
content: "";
position: absolute;
top: -47px;
right: 58px;
background: url(../images/footer_logo_bg.png) 0 0 no-repeat;
width: 49px;
height: 21px;
}
#copyright .year {
position: relative;
padding-right: 10px;
}
#copyright .year:after {
content: "";
position: absolute;
top: 8px;
width: 4px;
height: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
right: 1px;
background: #fff;
}
#copyright .privacy_link {
color: #fff;
}
#copyright .privacy_link:hover {
color: #a7a7a7;
}
#to-desktop a {
color: #fff;
}
#to-desktop a:hover {
color: #a7a7a7;
}
/*===== Social Media ======*/
yama
19-01-2015, 20:58
Na początek jaki szablon?
Bo gdzie to widać:

$doc->addStyleSheet('//fonts.googleapis.com/css?family=PT+Sans:400,700|Yanone+Kaffeesatz:700|S acramento');
powinno być

$doc->addStyleSheet('//fonts.googleapis.com/css?family=PT+Sans:400,700|Yanone+Kaffeesatz:700|S acramento&subset=latin,latin-ext');

ale w którym pliku to kwestia szablonu.
moje
19-01-2015, 21:07
Czcionki z google fonts mają to do siebie, że nie wyświetlają polskich znaków diakrytycznych (tzw. ogonków), dlatego lepiej jest poszukać tej czcionki na innym serwisie, po czym skorzystać z jakiegoś generatora online typu font 2 web, gdzie po załadowaniu mu czcionki, da nam paczuszkę z zestawem przygotowanym do używania na strona www.
Pitikowiec
19-01-2015, 21:31
zcionki z google fonts mają to do siebie, że nie wyświetlają polskich znaków diakrytycznych (tzw. ogonków), dlatego lepiej jest poszukać tej czcionki na innym serwisie, po czym skorzystać z jakiegoś generatora online typu font 2 web, gdzie po załadowaniu mu czcionki, da nam paczuszkę z zestawem przygotowanym do używania na strona www.



nie znam na tyle jooml'y, chętnie skorzystam z pomocy, oczywiście warunki do omówienia

Pozdrawiam

- - - Updated - - -


Na początek jaki szablon?
Bo gdzie to widać:
Kod:

$doc->addStyleSheet('//fonts.googleapis.com/css?family=PT+Sans:400,700|Yanone+Kaffeesatz:700|S acramento');

powinno być
Kod:

$doc->addStyleSheet('//fonts.googleapis.com/css?family=PT+Sans:400,700|Yanone+Kaffeesatz:700|S acramento&subset=latin,latin-ext');



ale w którym pliku to kwestia szablonu.

jak nipisalem index.php szablonu i css template.css
yama
19-01-2015, 21:57
To w pliku index.php podmień linię którą zacytowałem na to co powinno być ;) Pomimo tego co czcionki google mają do siebie powinieneś mieć polskie znaki jeżeli font obsługuje faktycznie latin-ext ;)
Pitikowiec
19-01-2015, 22:08
podmienilem, nie pomaga

http://nowa.monikawiton.pl/
yama
19-01-2015, 22:38
Sprawdź czy w słowie (nazwie fonta) Sacramento nie masz spacji po S, jeżeli nie to spróbuj zmienić linijkę na:


$doc->addStyleSheet('//fonts.googleapis.com/css?family=PT+Sans:400,700|Yanone+Kaffeesatz:700|S acramento&amp;subset=latin,latin-ext');
Pitikowiec
19-01-2015, 23:52
wstawiłem nie pomogło

- - - Updated - - -


$doc->addStyleSheet('//fonts.googleapis.com/css?family=PT+Sans:400,700|Yanone+Kaffeesatz:700|S acramento&amp;subset=latin,latin-ext');

wstawiłem nie pomogło
mac
20-01-2015, 16:33
Czcionki z google fonts mają to do siebie, że nie wyświetlają polskich znaków diakrytycznych (tzw. ogonków), dlatego lepiej jest poszukać tej czcionki na innym serwisie, po czym skorzystać z jakiegoś generatora online typu font 2 web, gdzie po załadowaniu mu czcionki, da nam paczuszkę z zestawem przygotowanym do używania na strona www.Czcionki googla jak najbardziej maja "ogonki" tylko nie wszystkie, nawet oznaczenie ext latin nie zawsze świadczy o "ogonkach". I wyświetlają, tylko trzeba zwykle je dodatkowo dodać do szablonów bo generalnie twórcy szablonów robią je na rynek angielskojęzyczny i maja w poważaniu nasze znaki dialektyczne :)
yama
20-01-2015, 16:43
I taki był problem powyżej, font nie miał polskich znaków pomimo teoretycznej obsługi latin-ext. Po podmianie na inny podobny z "ogonkami" problem rozwiązany.
Pitikowiec
27-01-2015, 20:00
Dziękuje bardzo za pomoc yama (http://forum.joomla.pl/forum.joomla.pl/member.php?5-yama)
moje
27-01-2015, 22:06
Czcionki googla jak najbardziej maja "ogonki" tylko nie wszystkie, nawet oznaczenie ext latin nie zawsze świadczy o "ogonkach". I wyświetlają, tylko trzeba zwykle je dodatkowo dodać do szablonów bo generalnie twórcy szablonów robią je na rynek angielskojęzyczny i maja w poważaniu nasze znaki dialektyczne :)
Mają ale one nie sa wyświetlane. Przykłądem jest czcionka Lato czy Ubuntu. Ja pobrałem je z innych żródeł i dopiero wtedy pojawiły mi się poprawnie wyświetlane ogonki.
mac
31-01-2015, 22:02
Akurat Lato i Ubuntu mają w Google Font polskie znaki dialektyczne, tylko nie każdy wie jak je włączyć, aby były dobrze wyświetlane na stronie, nie trzeba ich pobierać z innych źródeł.