Nie działają fonty Open Sans Condensed Light
Author: Artur L.
Visited 3337,
Followers 3,
Shared 0
Po mimo ustawienia w opcji "Styl tekstu" fontów Open Sans Condensed Light dla np. "Tytuł strony" i "Tekst strony", to na podglądzie po prawej czcionkę widać prawidłowo, ale już na stronie nie działa i wyświetla wszystko jako "Times New Roman".
Zrobiłem test dla całkiem nowego szablonu i efekt jest ten sam.
Budowana strona nie wyświetla wcale tej czcionki jeśli jest ona zdefiniowana przez "Styl tekstu".
Zauważyłem jednak, że dla "Tekst strony" wyświetla czcionkę "Open Sans Condensed Light" jak jest ustawione "Open Sans Condensed", ale przy "Tytuł strony" już tak nie działa, bo jak wybierzemy "Open Sans Condensed", to prawidłowo wówczas wyświetla czcionkę "Open Sans Condensed".
Posted on the
Witaj Artur,
Przy wybraniu czcionki, bez umieszczania jej pliku na serwerze, może ona nie być poprawnie wyświetlana przez przeglądarkę jeżeli jej użytkownik nie posiada tej czcionki zainstalowanej w systemie. Na początek proszę zapoznać się z tymi informacjami: http://help.websitex5.com/pl/v12/pro/index.html?web_font_def.htm
Sugeruję skorzystać z funkcjonalności czcionek web dla najlepszego efektu: http://help.websitex5.com/pl/v12/pro/index.html?web_fonts_ht.htm
Pozdrawiam
Author
Problem dotyczy oryginalnej czcinki google fonts. (Jest to trzynasta czcionka na liście, którą przesłaliście jako te sugerowane w linku drugim)
Więc wykonałem wszystko zgodnie z instrukcją, która była w pierwszym linku:
"Zakładamy, że zostały już wybrane czcionki Google Fonts™, został pobrany odpowiedni plik TTF oraz kod potrzebny do wstawienia na stronach (patrz Jak pobrać czcionkę z Google Fonts™). W celu użycia czcionek w programie WebSite X5 wykonaj następujące czynności:
▪Otwórz okno Preferencje | Czcionki sieci Web i kliknij przycisk Dodaj.▪Zostanie otwarte okno Dodaj czcionki sieci Web. Wybierz Czcionka Google, zaimportuj Plik TTF do wyświetlania offline i skopiuj ze strony Google Kod @Import i wstaw do odpowiedniego pola.▪Kliknięciem przycisku OK potwierdź chęć powrotu do okna Preferencje | Czcionki sieci Web. Tam na liście dostępnych czcionek zobaczysz nową czcionkę.
Kiedy zakończysz tę nieskomplikowaną procedurę, nowa czcionka będzie automatycznie dostępna w programie WebSite X5 wszędzie tam, gdzie możliwe jest wybranie czcionki tekstu. Czcionki Google łatwo rozpoznać, ponieważ są oznaczone ikoną obok nazwy."
Różnica taka, że teraz istotnie przy tych czcionkach pojawił się znak graficzny .
Ale niestety po mimo tego, to czcionka ta dalej się nie wyświetla ani na podglądzie strony, ani też po opublikowaniu na serwerze gotowej strony. (Jedynie poprawnie wyświela się na podglądzie stylu tekstu w opcji "Style tekstu").
Moim zdaniem to problem polega na błędnie definiowania przez sam program formatu CSS.
Chcąc dodać nietypową czcionkę Open sans condensed do projektu ja to robię tak:
1.Pobierasz czcionkę ze strony z czcionkami (załącznik)
2.Instalujesz te czcionki w systemie Windows (katalog Czcionki w Panelu sterowania)
i teraz ta czcionka jest użyta do Projektu i wyswietlana w podglądzie.
3.Ponieważ jest czcionką nietypową, więc inni uzytkownicy Windowsów jej nie mają i nie moga ogladać u siebie w przegladarce, więć wyswietla im sie czcionka zastępcza.
Dlatego taką czcionkę trzeba im udostepnić. Robi się to tak:
1.Dodajesz czcionki w Preferencje (załacznik)
2.W folderze "style" dodawany jest folder "fonts" i tam znajdą się te nasze czcionki.
3.Użytkownik Windowsa który nie ma tych czcionek, to używa ich z naszego foldera "fonts" na serwerze.
Dodatkowa uwaga: ten folder fonts może się za pierwszym razem nie utworzyć, trzeba wtedy robić drugie podejście na serwer.
Witaj Artur,
Podaj adres strony, na której widoczny jest opisywany przez Ciebie problem z czcionkami.
Pozdrawiam
Author
Nie przeczytałeś ze zrozumieniem... Ja mam ją zainstalowaną i w systemie windows i w programie WebSite X5 i nie działa ona nawet w podglądzie na moim kompie tworzonej strony.
W opcji podglądu, który się wyświetla w momencie wyboru czcionki w opcji "Style tekstu" dla formatowania wszystkich stron pokazuje wówczas prawidłowo. Wygląda tak, jakby dopiero po zatwierdzeniu generował będnie CSS (inaczej jak dla tego, co wyświetla w przykładzie).
Nie wygenerowałem przygotowanej nowej strony z oczywistych względów, a testową wersję usunąłem, ale mogę przygotować ponownie, lecz możesz zrobić dokładnie to samo.
1. Wybrać dowolny nowy szablon z "gotowców".
2. Wejść w w Opcję "Styl wzorca" i następnie w "Styl tekstu" wybrać czcionkę "Open Sans Condensed Light" (instalację czcionki w WebSide X5 dostałem od was, więc wiadomo jak zainstalować). Dla celów testowych wystarczy tylko zdefiniować dla "Tytuł strony" i "Tekst strony". Teraz po prawej stronie ukaże nam się prawidłowy format czcionki, ale w podglądzie strony już jej nie ma... Tak samo jest błąd po wyeksportowaniu tego na serwer. Wygląda na to, że przykłądowy podgląd w opcji "Styl tekstu" jest wyświetlany w oparciu o całkiem inny CSS, który działa prawidłowo.
Zrobiłem analizę tego co się dzieje w generowanym kodzie:
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
A więc tu jest prawidłowo.
Ale już sam format CSS różni się od tego, co podaje google:
media="screen, print"#imPgTitle, #imPgTitle a, .imPgTitle, .imPgTitle a {padding-top: 2px;padding-bottom: 2px;margin: 5px 0;margin-top: 5px;margin-right: 0px;margin-bottom: 5px;margin-left: 0px;
font: normal normal normal 14pt 'Open Sans Condensed Light';
font-family: 'Open Sans Condensed Light';
font-size: 14pt;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
line-height: normal;
color: #C00000;background-color: transparent;text-align: left;text-decoration: none;
}
Google podaje, że "font-family: 'Open Sans Condensed';", więc może tu jest własnie błąd, który powoduje, że czcionka ta nie jest wyświetlana wcale, a w przypadku braku alternatywnej, to wyświetla "Times New Roman", bo taka wyświetlana jest kiedy nie ma żadnej zdefiniowanej czcionki.
Author
@font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xEJPC2cKjh6GZZV1qHWxw94.woff2) format('woff2');
}
A czy przypadkiem tutaj dla czcionki w WebSide X5 nie jest zdefiniowana nazwa inna aniżeli jest pózniej generowana w CSS?
Faktycznie.
Czcionka Open Sans Condensed Light wyswietla się tak jak Times New Roman.
Gdzieś jest jakaś wada. Ale gdzie.... ? Niewiadomo.
http://www.test.page.linuxpl.eu/
Już znalazłem.
U mnie wina przeglądarki Chrome. IE wyświetla prawidłowo.
Załacznik:
Author
To nie wina przeglądarki, a programu, który niepoprawnie generuje CSS-a. Wszystkie przeglądarki (Chrome, Opera, Dragon itp.) nie są w stanie tego zidentyfikować. Jedynie radzą sobie z tym aplikacje Microsoftu (IE i Edge), który pewnie potrafi poprawnie zidentyfikować "rodzinę czcionki" nawet przy nie do końca własciwej nazwie.
Wszystko inne wysypuje się na tym. (Chrome przecież powinien nie mieć z tym najmniejszych problemów, bo jedna z ich zalecanych czcionek).
Witaj Artur,
Proszę umieścić stronę na serwerze i podać adres. Tylko wtedy będzie możliwa weryfikacja problemu.
Pozdrawiam
Author
Strona testowa na serwerze:
http://junior1.pl/test/karting.html
Pozdrawiam
Witaj!
Zrób tak:
Wgraj czcionkę w programie w zakładce PREFERENCJE/CZCIONKI SIECI WEB/CZCIONKA GOOGLE. Zaimportuj właściwy kod:
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
Ten sam kod wstaw w USTAWIENIA ZAAWANSOWANE/STATYSTKI, OPTYMALIZACJA SEO I KOD/ZAAWANSOWANE/WŁAŚCIWOŚCI TAGU BODY.
Poniżej w PLIKI ZWIĄZANE Z KODEM HTML wrzuć wszystkie pliki czcionki.
Jak tak zrobisz to powinno hulać jak należy w najważniejszych przeglądarkach.
Pozdrawiam, Maciej
Author
Witaj
Wykonałem wszystkie 3 kroki i niestety nie zadziałało to...
Dalej tylko IE rozpoznaje czcionkę, a pozostałe nie.
Witaj Artur,
Proszę wyeksportować projekt i przesłać na adres pomoc[małpka]promise[kropka]pl lub jeżeli plik jest większy niż 10 MB, umieścić go na serwerze i przesłać na podany adres link do pliku.
Pozdrawiam