Czcionka na urządzeniach mobilnych
Autor: Tomasz S.
Visitado 1420,
Followers 1,
Compartido 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
Publicado en
Możesz dać screeny z tymi dwoma odmiennymi czcionkami? Nic mi się nie zmienia przy zmianie rozdzielczości.
Autor
Dzięki serdeczne za pomoc. Screny w załączeniu.
Autor
I drugi....
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.
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
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...
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Ą!!!!!!!!!!!!
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...
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... :-(((
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
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).
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
No na pewno dwie odmienne czcionki, są lepszym rozwiązaniem niż cztery...
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?
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!
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
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...
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 :-)
Tomaszu, z ciekawości rzuciłem okiem na Twoją drugą stronę – GGA. Zarejestrowałem następujące problemy.
Dokładnie ten sam problem co miałeś na stronie Twojej małżonki – biała przestrzeń po prawej stronie na urządzeniach mobilnych.
Błąd w wyświetlaniu kolejności elementów na urządzeniach mobilnych.
Rozwiązanie:
3. Złej jakości logo.
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.
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ą.
Autor
Ale nasz program nie pozwala zassać pliku SVG - ustawienia -> logo....?!
Coś zle robię...?
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...).