Problem z czcionkami google. 
Author: Gregory P.
Visited 1866,
Followers 2,
Shared 0
Witam,
mam problem z wyświetlaniem czcionek google na innych komputerach.
Myślę że wszystko robię dobrze:
Pobieram paczkę *.zip ze strony google. Jedna czcionka z kilkoma stylami.
W webside, w preferencjach definiuję cicionkę, wklejam kod @importu itd.
Chcę mieć na stronie jedną czcionkę, w przynajmniej dwuch stylach.
Na moim komputerze oczywiście wszystko wyświetla się prawidłowo, lecz na innych już nie.
Albo wszystkie czcionki podmienia na jakąś inną albo wywietla tylko styl regularny.
Zdażyło sie też tak, że po ponownym włączeniu websida zniknęły imporowane czcionki.
Czy ktoś spotkał się też z takimi problemami??
Posted on the
Witaj Gregory,
Podaj adres swojej strony.
Pozdrawiam
Author
Proszę...
www.test.tanieslanie.pl
Sprawdź na serwerze (i w projekcie) czy w folderze style jest folder fonts z załadowanumi czcionkami.
Author
Niestety, niema nigdzie takiego folderu. Ale wydaje mi się że czcionki google nie są osadzane z projektem lecz wczytywane z serwera google..
Witaj Gregory,
Używasz na stronie czcionek o nazwach m.in. "Source Sans Pro Black" oraz "Source Sans Pro Light", które nie są zdefiniowane w zaimportowanych stylach z Google (http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700,900). Powinieneś korzystać tylko z nazwy "Source Sans Pro" oraz definicji font-weight dla wybrania grubości czcionki (200-900) lub zdefiniować style z odpowiednimi nazwami czcionek.
Ponadto, czcionka w tej wersji nie posiada prawdopodobnie polskich znaków (tzw. "ogonków").
Pozdrawiam
Author
Nie bardzo rozumiem...
Powinienem używać tlko nazwy "Source Sans Pro", czyli style lekkie, pomimo poprawnego zdefiniowania nie będzą działać ?
Witaj Gregory,
Zajrzyj do pliku stylów zaimportowanych z Google. Tam nie ma czcionki o innej nazwie niż "Source Sans Pro". Grubość czcionki definiowana jest przy pomocy parametru font-weight, a nie nazwy.
Możesz pobrać plik stylów, zmienić nazwy czcionek i umieścić całą deklarację (nie przez @import).
Pozdrawiam
Author
Dzięki za pomoc,
rozumiem, że poprzez opcje, z poziomu programu (bez ingerencji w pliki) style danej czcionki nie będą działać?
Gdzie mam dokładnie szukać pliku stylów? i jak umieścić tą deklarację?
Witaj Gregory,
Istnieje możliwość dodania tych czcionek w programie, w tym celu:
1. Pobierz pliki wybranej czcionki w formacie TTF (np. stąd: http://www.1001fonts.com/source-sans-pro-font.html).
2. Wszystkie kroje, które chcesz mieć dostępne w programie należy dodać osobno (pobrać całą deklarację ze strony Google i każdy element @font-face {...} wstawić jako osobna czcionka, pamiętając o tym żeby zmienić nazwę w "font-family", czyli np. wersję "Source Sans Pro ExtraLight" należy zadeklarować jako:
@font-face {
font-family: 'Source Sans Pro ExtraLight';
font-style: normal;
font-weight: 200;
src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCVh0V6fR69OLaFLklYbiSk.woff2) format('woff2'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMa9awK0IKUjIWABZIchFI8.woff) format('woff');
}
I wskazać odpowiedni plik TTF w polu "Plik TTF do wyświetlenia offline", w tym wypadku będzie to "SourceSansPro-ExtraLight.ttf".
3. Problem dotyczy wyłącznie nietypowych grubości czcionki (deklaracja "font-weight") oraz połączenia różnych grubości ze stylem kursywy.
Załączam też zrzut ekranu z przykładowej konfiguracji.
Pozdrawiam
Author
Dziękuję bardzo za pomoc.