PDA

Zobacz pełną wersję : Problem z czcionkami Google Fonts pod Chrome


kriss77
25-03-2015, 09:02
Witam wszystkich Forumowiczów,
mam problem, który próbuję rozwiązać od paru dni. Problemem są czcionki Google Fonts, z którymi jak do tej pory nie miałem żadnego problemu (dwie linijki kodu w pliku index.php i nazwa czcionki w css załatwiało sprawę). Teraz jednak po zaimplementowaniu czcionki (zgodnie z instrukcją Google Fonts) czcionka Open Sans (posiada polskie znaki) nie wyświetla się poprawnie pod przeglądarką Chrome, nie ma polskich znaków. W innych przeglądarkach (Firefox, IE wszystko jest ok). Osadzając czcionkę nie zapomniałem dodać "latin-ext", kodowanie plików szablonu też sprawdziłem, wszystko jest na UTF-8. Zresztą polskie znaki nie wyświetlają się tylko pod Chrome! Gdzie jest błąd?

Adres strony:

http://woodnatural.pl/

Pozdrawiam.
Jac
25-03-2015, 09:30
Zajrzyj w źródło. Na początku dokumentu masz dodatkowo dwa razy w liniach 15-16:


<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open Sans" type="text/css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family='Open Sans'" type="text/css" />


Potem masz w linii 163:


<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic ,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>


Przy okazji, wykorzystujesz te wszystkie odmiany tego fonta? 300italic,400italic,600italic,700italic,800italic, 400,300,600,700,800
Powinno zostawiać się tylko te, które są wykorzystywane na danej stronie.
kriss77
25-03-2015, 09:47
Dziękuje za odpowiedź!
Rzeczywiście te dwa pierwsze zapisy w kodzie mogą być problemem, tylko nie wiem skąd one się generują skoro "head" index.php szablonu wygląda tak:



<head> <jdoc:include type="head" /> <link href="templates/wood-natural-szablon/css/style.css" rel="stylesheet" type="text/css" >
<link href="templates/wood-natural-szablon/css/rwd.css" rel="stylesheet" type="text/css" >
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic ,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>




<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->







</head>

Gdzie tego szukać?
kriss77
25-03-2015, 12:02
Udało mi się usunąć te dwa pierwsze (niepotrzebne linijki - generował je moduł menu), ale i tak nadal problem z polskimi znakami pod Chrome pozostał :(
Karol99
01-04-2015, 23:40
Wygląda na to, że nie do końca udało, linijki są dwie. Ponadto w ostylowaniu maximenu ck wpisywanym w kod strony (czyli chyba stylach ustawianych w konfiguracji modułu - nie wiem dokładnie, nie znam tego wynalazku) występuje kilka błędów w rodzaju

font-family: ''Open Sans'';
font-size: Open Sanspx;
Wyświetl sobie źródło strony i przeszukaj na słowo sans.