WebSite X5Help Center

 
Tomasz S.
Tomasz S.
User

Czcionka na urządzeniach mobilnych  pl

Autor: Tomasz S.
Visited 989, Followers 1, Udostępniony 0  

Witam,

Zbudowałem stronę www: szanel-apartment.pl

Na komputerze jest SUPER! Na telefonie (1080/2400) zmienia się czcionka tytułu: SZANEL APARTMENT :-(

Pozdrawiam, Tomas

Posted on the
23 ODPOWIEDZI - 10 USEFUL
Łukasz M.
Łukasz M.
User

Możesz dać screeny z tymi dwoma odmiennymi czcionkami? Nic mi się nie zmienia przy zmianie rozdzielczości.

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

Dzięki serdeczne za pomoc. Screny w załączeniu.

Czytaj więcej
Posted on the from Tomasz S.
Tomasz S.
Tomasz S.
User
Autor

I drugi....

Czytaj więcej
Posted on the from Tomasz S.
Łukasz M.
Łukasz M.
User

U mnie wszystko wyświetla się tak samo w każdej rozdzielczości, mam tu na myśli ten, wskazany przez Ciebie tytuł.

Sprawdź czy problem występuje na innym telefonie.

Zauważyłem przy okazji inny z problemów.

Jakiś element "wystaje" poza obręb widoku, zbadaj to. Bowiem powoduje to białe pole po prawej stronie na urządzeniach mobilnych. Na Twoim miejscu w pierwszej kolejności sprawdziłbym, nagłówek (Zawartość wzorca) i pasek przypięty (ten co się pojawia jak scrollujesz w dół na telefonie) wydaje mi się, że coś tam jest. 

     

I zmniejszyłbym o kilka punktów ten tytuł w wersjach mobilnych przynajmniej. Nie zrobisz tego z poziomu programu.

Przejdż Ustawienia > Statystyki i kod > kod > Przed tagiem zamykającym sekcję HEAD

<style>
@media only screen and (max-width: 768px) {
#imCellStyleTitle_9{
font-size: 36px;
}

</style>

To opcjonalne, zrobisz jak będziesz uważał, dla mnie jest trochę za duży ten napis, ale co kto lubi.

I ostatnia sprawa zawsze na podglądzie strony (z poziomu przeglądarki) zobacz sobie stronę w dev toolsach (prawy przycisk myszy i zbadaj) jak wygląda w różnych widokach responsywnych.

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

Dziękuję serdecznie. Będę walczył jeszcze dziś. Widzisz, ja to jestem dyletant. Zajmuje się na codzień badaniem sprawozdań finansowych. Ale uwielbiam grzebać w grafice.... Zrobiłem zaledwie kilka stron. Ale na tej mi szczególnie zależy - chcę ją wypromować. Poznaję Google Serch Console...

Jak myślicz, czy z punktu widzenia SEO, warto wydać 7,5 stówy i kupić wersję PRO? Podręcznik wskazuje że jest tam o wiele więcej narzędzi do pozycjonowania. Czytam, ale niewiele rozumiem...

Mój kumpel pociągną mi tę stronę po kluczu "szanel apartment" i jest na 1 stronie Googla. Zaraz po reklamie Bookinga i AirBnB. Ale nie było to trudne z punktu widzenia unikalności mojego nazwiska. Twierdzi, że po np. "apartament Gdańsk" czy odmianie anglojęzycznej nie da się uzyskać dobrej pozycji bo jest prawie 5 ml wyników. Ale ja mu do końca nie wierzę... Jest już stary :-) i ma 55 lat - tyle co ja :-)

Solidna praca przez rok musi dać efekty... Nie mogę być uzależniony tylko od Bookinga i AirBnB...

Pozdrawiam, Tomek

Czytaj więcej
Posted on the from Tomasz S.
Tomasz S.
Tomasz S.
User
Autor

I jeszcze jedno,

Tak walczyłem z tym białym obszarem po prawej sprawdzając na 4 telefonach rodziny. Najnowszy nie miał go od początku, ale napis był niesymetryczny. Po zawężeniu elementów nagłowka i przypiętego paska problem znikną na wszystkich komórkach....

A czy predefiniowane ustawienia, Twoim zdaniem są poprawne? -> załączony plik

Za cholerę nie mogę powiązać tego w rozdzielczością telefonu - ma przecież 1080/2400 a pojawia się w nim obszar zdefiniowany dla < 480 ????!!!!!! Na zdrowy romum, powinien pojawiać się widok zdefiniowany dla <1149, 720> - ten oznaczony zielonym kolorem... NIe czaję!

Walczyłem kilka godzin / zawzięty jestem :-) / z przesuwaniem punków kontrolnych i dupa... Wróciłem do tego co program proponuje...

Czytaj więcej
Posted on the from Tomasz S.
Tomasz S.
Tomasz S.
User
Autor

RZECZYWIŚCIE BYŁY OBIEKTY (IKONY FB I INSTAGRAMA ) DLA <480 ORAZ  <481, 720> NA PRZYPIĘTYM PASKU POZA JEGO OBSZAREM - DLATEGO NIE BYŁY WIDOCZNE PRZY JEGO EDYCJI. POPRAWIŁEM!!! NIC TO NIE DAŁO.

ALE!!!!!!!!!!!!!!!!!!!!!!!!

NA STARYM LAPIE (OK 10 LAT) 12,5 CALA JEST OK!!!!

NA NOWYM TABLECIE (KUPIONYM 3 MC TEMU) 12,5 CALA / W PIZIOMIE I PIONIE / DUPA!

WNIOSEK - TO NIE MA NIC WSPÓLNEGO Z ROZDZIELCZOŚCIĄ!!!!!!!!!!!!

Czytaj więcej
Posted on the from Tomasz S.
Łukasz M.
Łukasz M.
User

Temat SEO to temat rzeka... Jak go podrążysz głębiej, to wyrobisz sobie zdanie. Łącznie z poglądem na to, czy lepiej dla SEO budować stronę od podstaw, czy też korzystać z dedykowanego oprogramowania.

Co do pytań:

1. "Jak myślisz, czy z punktu widzenia SEO, warto wydać 7,5 stówy i kupić wersję PRO?"

Jeżeli mówimy tylko o oprogramowaniu Incomedii i zestawieniu wersji EVO z PRO, to różnica w cenie nie jest jakoś znaczna, i na Twoim miejscu zainwestowałbym w PRO. Chociaż praktycznie wszystko, co oferują tego typu programy, jesteś w stanie zrobić sam (ręcznie) w zakresie SEO. Ale jak zależy Ci na czasie i automatyzacji, to możesz rozważyć przejście na PRO. Tak jak piszę, ja nawet nie rozważałem kupna EVO. Wybrałem PRO i tak już zostało, dość często zależy mi na czasie we wdrażaniu projektów, i tak się "bujam" z Incomedią, trochę też z przyzwyczajenia, a trochę też z nieufności co do platform typu CMS, ktore są "rozczłonkowywane" na komponenty firm trzecich. To tak trochę, jakbym na śniadanie kupił pięć bułek w każdej innej piekarni. Chociaż jak klient chce ode mnie CMS to go dostaje. Tu (w PRO) mam integralną podstawę, a co tam potrzebuję więcej, to sobie oskryptuję albo ostyluję ręcznie.

A co do Twego Kolegi, mimo, jak to napisałeś, że jest stary to bardzo sensownie prawi. Nieruchomości to bardzo trudny teren.

2. "A czy predefiniowane ustawienia, Twoim zdaniem są poprawne?"

Predefiniowane punkty, są jak ich nazwa wskazuje... predefiniowane. Jest tyle rozdzielczości dziś na rynku, że musisz zwiększyć ich liczbę niż te, które są na starcie (jeżeli chcesz korzystać z dedykowanego podglądu od WSX5, ja osobiście rzadko korzystam, gdyż podgląd WSX5 nie wyświetla np. video jako tło, itp., wolę przejść od razu do przeglądarki). Szczególnie zaś, gdy używsz stopki i nagłówka, które nie są "blokowe" i używasz Chrome, a nie chcesz korzystać zdevtools, to zainstaluj sobie wtyczkę:

https://chrome.google.com/webstore/detail/mobile-simulator-responsi/ckejmhbmlajgoklhgbapkiccekfoccmk

Chociaż nie zawsze ona pokazuje wszystko poprawnie, szczególnie gdy robimy jakieś animacje etc. Ale będziesz miał z grubsza pogląd gdzie co jest w stopce albo nagłówku, bo tak jak pisałem co do samego podglądu komórek gdzie sobie wstawiasz elementy, to podgląd WSX5 Ci wystarczy.

Nie za bardzo rozumiem, Twojego pytania o rozdzielczości...

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

Na starym lapie 12,5 cala (1366/768) czcionka jest poprawna, a na nowym tablecie 12,5 cala (2560/1600) i w poziomie i w pionie czcionka jest zrypana - tak jak na smartfonie...

Wniosek - rozdzielczość matrycy nie ma nic wspólnego z błedem wyświetlania. No tak mi się wydaje... :-(((

Czytaj więcej
Posted on the from Tomasz S.
Incomedia
Stefano G.
Incomedia

Hello Thomas

It seems like the font you used for that text is Palatino Linotype. Apparently, Palatino Linotype is not a web safe font, which means that if you use that font in your project, it is possible that it won't be displayed correctly on all devices.

For this reason, it is usually advised to use a common font such as Arial, Times New Roman, and similar to avoid encountering this type of situation:

https://www.w3schools.com/cssref/css_websafe_fonts.php

Alternatively, you can implement a new Web Safe font via Google Fonts or by adding all necessary files to the dedicated font section of the software

I remain available here

Stefano

GOOGLE TRANSLATE ---

Witaj Tomaszu

Wygląda na to, że czcionka użyta w tym tekście to Palatino Linotype. Najwyraźniej Palatino Linotype nie jest czcionką bezpieczną dla sieci, co oznacza, że jeśli użyjesz tej czcionki w swoim projekcie, możliwe jest, że nie będzie wyświetlana poprawnie na wszystkich urządzeniach.

Z tego powodu zwykle zaleca się używanie typowej czcionki, takiej jak Arial, Times New Roman i podobnej, aby uniknąć tego typu sytuacji:

https://www.w3schools.com/cssref/css_websafe_fonts.php

Alternatywnie możesz zaimplementować nową czcionkę Web Safe za pomocą Google Fonts lub dodając wszystkie niezbędne pliki do dedykowanej sekcji czcionek oprogramowania

Pozostaję dostępny tutaj

Stefano

Czytaj więcej
Posted on the from Stefano G.
Łukasz M.
Łukasz M.
User

Tomaszu tak jak napisał Stefano, może być tak, że ta czcionka nie jest "bezpieczna". Najlepiej jak użyjesz sobie jakiejś z Google Font. W mojej ocenie ta jest prawie identyczna:

https://fonts.google.com/specimen/Cormorant+Garamond?preview.text=SZANEL%20APARTMENT%20M&preview.text_type=custom&query=gara

Druga sprawa, napisałeś, że bardzo zależy Ci na SEO. Jednym z pomniejszych faktorów, jest integralność tekstu, i nie jest dobrą praktyką używanie wielu czcionek na stronie. A w Twoim przypadku na samej stronie głównej naliczyłem 4(!) odmienne czcionki (Arial, Kaushan, Palatino, Raleway).

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

Pięknie dziękuję!!! Zadziałało!!!

NIe wiedziałem że można importować fonty, a przynajmniej laik tego nie zrobi!!! :-)

Tak mi nie pasowało to, że taki fajny program ma tylko kilkanaście fontów...

Oczywiście zrobię porządek z ilością fontów na stronie. Ale 2 chyba mogę mieć...??? :-)

Pozdrawiam serdecznie! Thomas Szanel smile

Czytaj więcej
Posted on the from Tomasz S.
Łukasz M.
Łukasz M.
User

No na pewno dwie odmienne czcionki, są lepszym rozwiązaniem niż cztery...wink

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

Łukasz, znasz może jakiś / może darmowy.... / program do robienia logo? Chciałbym coś dla żony sklecić? Czy mam się bawić w Photoshopie?

Czytaj więcej
Posted on the from Tomasz S.
Tomasz S.
Tomasz S.
User
Autor

Ale zauważyłem że czcionki impotrują się tylko na potrzeby danego projektu. W innym / anglojęzycznym / muszę ponownie dodawać. Ale to żaden problem! smile

Czytaj więcej
Posted on the from Tomasz S.
Łukasz M.
Łukasz M.
User

Do logo nie używamy Photoshop (!), gdyż jest to program do grafiki rastrowej (a prościej mówiąc, do obróbki np. plików zdjęciowych). Do pracy nad logiem używamy aplikacji do wektorów (Adobe Illustrator, CorelDraw, itp.)

Generalnie, jak wybierzesz subskrypcję na całą chmurę od Adobe, to zrobisz niemal wszystko, w kwestii szeroko rozumianego designu. Ale zdaję sobie sprawę, iż nie jest to tania sprawa.

Jak dla mnie, to najlepszym DARMOWYM programem do grafiki wektorowej, jest Inkscape (myślę, że wielu się ze mną zgodzi), ale jest to kwestia gustu rzecz jasna. Spokojnie z tym programem zrobisz dobry projekt, zresztą możesz sobie wpisać w Google "Inkspace logo examples", więc sam ocenisz.

Tu masz wyjaśnione co i jak:

https://www.youtube.com/watch?v=ie5xX3HHgVY&ab_channel=InkscapeTutorial

I link do programu:

https://www.dobreprogramy.pl/inkscape,program,windows,6628677324179073

I pamiętaj, żeby logo zawsze było w formacie SVG wink

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

NIe wiem skąd jesteś dobry Człowieku. Ale jak będziesz w Gdańsku masz u mnie wielką flachę!Albo ja będę w Twoim mieście...

Czytaj więcej
Posted on the from Tomasz S.
Łukasz M.
Łukasz M.
User

wink 

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

Jezu! Jaki fajny program!!!!!!!!!! I za darmo!!!!!! Gościa /na jutiubie/ za bardzo nie słuchałem, najlepiej się uczy na robieniu czegoś - troszki znam Photoshopa i Lightrooma,to szło całkiem nieźle. Z podniecenia siedziałem do 5:30rano :-)

Czytaj więcej
Posted on the from Tomasz S.
Łukasz M.
Łukasz M.
User

Tomaszu, z ciekawości rzuciłem okiem na Twoją drugą stronę – GGA. Zarejestrowałem następujące problemy.

  1. Dokładnie ten sam problem co miałeś na stronie Twojej małżonki – biała przestrzeń po prawej stronie na urządzeniach mobilnych.

  2. Błąd w wyświetlaniu kolejności elementów na urządzeniach mobilnych.

Rozwiązanie:

3. Złej jakości logo. cry

W załączniku przesyłam poprawione przeze mnie logo w SVG, możesz sobie ten plik otworzyć w programie, który Ci poleciłem.

SVG jest zawsze idealnej jakości, nieważne jak plik jest duży czy też mały.

Jeżeli chcesz możesz sobie to poprawione logo użyć na stronie, możesz też, modyfikować je wedle uznania.

Czytaj więcej
Posted on the from Łukasz M.
Tomasz S.
Tomasz S.
User
Autor

Wielkie dzięki Łukaszu!

Tę stronę podobnie jak inną szanel.pl zrobiłem na odpier…

Usiądę jutro to poprawię i przekonwertuje logo KBR na grafikę wektorową.

Czytaj więcej
Posted on the from Tomasz S.
Tomasz S.
Tomasz S.
User
Autor

Ale nasz program nie pozwala zassać pliku SVG - ustawienia -> logo....?!

Coś zle robię...?

Czytaj więcej
Posted on the from Tomasz S.
Łukasz M.
Łukasz M.
User

Nasz? Rozumiem WSX5, tak?

Plik SVG otworzysz tylko w obiekcie "Obraz".

Jednakże nie mam pewności czy ta implementacja jest w wersji EVO, gdyż nigdy nie używałem tej wersji.

Wstawianie SVG to relatywnie nowa opcja, kiedyś nie można było tego zrobić z poziomu obiektu "Obraz'. Trzeba było zmienić rozszerzenie wyszukiwanego pliku na bodajże /*/ czu sama *, już nie pamiętam dokładnie. Teraz można to zrobić normalnie jak JPG czy PNG.

Ponadto, SVG nie można wstawić w obiekcie "Tekst", z poziomu biblioteki lokalnej, ale można to zrobić z SVG>Darmowe obrazy (co wydaje się dość dziwne...).

Czytaj więcej
Posted on the from Łukasz M.