[html, css] @face-font, wolne wczytywanie(renderowanie)

[karnas 2]

Witam nie dawno zacząłem przygodę z pisaniem stron internetowych. Na razie piszę w html, css, niedługo zabieram się za php i pochodne, jednak mam pytanie. Robię stronkę dla rodziców: http://lesnyzakatek.jcom.pl. Do wczytywania czcionek dekoracyjnych używam @face-font jednak zanim się wczytają wybrane przeze mnie, pojawiają się na chwilę standardowe. Tak jakby renderowały się. Jak się pozbyć tego efektu? Dla firefox użyłem skryptu, który nie ładuje strony póki nie wczyta czcionki, jednak wygląda to też źle bo zamiast zmieniać tylko div z treścią, przeładowuje całą stronę. Co byście mi poradzili?

[panniesmialy 0]

Cufon będzie lepszy http://cufon.shoqolate.com/generate/

Edit: http://lesnyzakatek.jcom.pl/pliki/szyszka.gif

to można pociąć na 2 kawałki/ lub 3 będzie lepiej site się ładować.

[karnas 2]

Ok dzięki, zaraz poczytam i wykorzystam. Podzielę szyszkę skoro to przyśpieszy działanie.

[panniesmialy 0]

Nie szyszke tylko to tło brązowe zresztą to można jako kolor jednolity - div width height background-color poradzisz sobie chyba?

[ciemak666 0]

TOP dużo zajmuje,

ten plik: http://lesnyzakatek....l/pliki/tlo.gif mógłbyś zrobić na szerokość 1 px - zawsze to cos mniej.

 

Myślę że duże pliki, tam gdzie nie potrzeba przeźroczystości zapisywać jako jpg. Wtedy zawsze kilka kb mniej

 

 

png 212kb

 

jpg 72kb

 

Wygląda prawie tak samo a wazy tylko 70kb

[Emylo 0]

Lub png mocno skompresowany: PNGcrush, optipng i advpng

[karnas 2]

Nie szyszke tylko to tło brązowe zresztą to można jako kolor jednolity - div width height background-color poradzisz sobie chyba?

 

Poradzę, do wszystkiego sobie dochodzę powoli, wiedziałem o co chodzi z tym dzieleniem po prostu napisałem tak zbyt potocznie;)

 

@ciemak666 ok zmniejszę jpg, ale też, pobawię się z cufonem bo serwer jcom trochę wolny ma czas reakcji i nawet przy szybkim internecie wczytuje powoli.

 

 

EDIT: No już wszystko elegancko, szyszkę podzieliłem na 2 pliki dodałem po pliku do 2 oddzielnych divów ustawiłem pozycja absolute i wartości ujemne. Jest super;) dzięki za pomoc

[karnas 2]

Odświeżę temat żeby nie zakładać nowego. Teraz jak podzieliłem divy z szyszkami na 2, jest fajnie bo jak zwijam przeglądarkę to szyszka się chowa, a zawijanie zatrzymuje się na lewej krawędzi diva #top. Ogólnie wszystko jest w porządku na komputerze, ale na telefonie z opera mobile lewej szyszki nie widać w ogóle, div przylega do lewej krawędzi strony, zaś po prawej widać całą szyszkę. Wydaje się, że powinna też się chować bo parametry mają podpisane identyczne. Jak ktoś może zobaczyć o co mi chodzi to można porównać: www.kurshtml.boo.pl i moja strona lesnyzakatek.jcom.pl. W pierwsze są marginesy po obu stronach, na mojej tylko po lewej.

 

Tak to wygląda na komórce