{"id":621,"date":"2014-11-10T09:38:13","date_gmt":"2014-11-10T08:38:13","guid":{"rendered":"http:\/\/www.supermonitoring.pl\/blogpl\/?p=621"},"modified":"2022-05-24T21:23:35","modified_gmt":"2022-05-24T19:23:35","slug":"typewonder-znajdz-idealna-czcionke-dla-swojej-strony-internetowej","status":"publish","type":"post","link":"https:\/\/www.supermonitoring.pl\/blogpl\/typewonder-znajdz-idealna-czcionke-dla-swojej-strony-internetowej\/","title":{"rendered":"TypeWonder \u2013 znajd\u017a idealn\u0105 czcionk\u0119 dla swojej strony internetowej"},"content":{"rendered":"

Zastanawiasz si\u0119, kt\u00f3ra czcionka b\u0119dzie pasowa\u0107 do Twojej strony internetowej? Wyb\u00f3r czcionki, wbrew pozorom, mo\u017ce okaza\u0107 si\u0119 trudnym zadaniem, wymagaj\u0105cym wiele wysi\u0142ku. Osadzenie czcionek na Twojej stronie i sprawdzanie za ka\u017cdym razem efekt\u00f3w ich zastosowania mo\u017ce okaza\u0107 si\u0119 \u017cmudnym zaj\u0119ciem. Tym bardziej, je\u015bli za ka\u017cdym razem trzeba edytowa\u0107 kod witryny. Wiadomo, \u017ce zawsze mo\u017cna to samo sprawdzi\u0107 na serwerze lokalnym, ale dzi\u0119ki TypeWonder.com zyskasz mo\u017cliwo\u015b\u0107 ujrzenia efekt\u00f3w zmiany czcionki na \u017cywo. Znacznie u\u0142atwi to wyb\u00f3r odpowiedniego fontu dla Twojej strony.<\/p>\n

\"typewonder\"<\/p>\n

TypeWonder jest aplikacj\u0105 internetow\u0105 (posiada tak\u017ce rozszerzenie dla przegl\u0105darki Chrome), kt\u00f3ra pozwala Ci testowa\u0107 witryny z r\u00f3\u017cnymi krojami czcionki bez wprowadzania zmian w kodzie i w plikach dzia\u0142aj\u0105cych na Twojej stronie. Wszystko co musisz zrobi\u0107, to po prostu wpisa\u0107 adres Twojej witryny na stronie TypeWonder, by zobaczy\u0107 jak prezentuje si\u0119 z r\u00f3\u017cnymi fontami.<\/p>\n

Jak korzysta\u0107 z TypeWonder?<\/h2>\n

Korzystanie z TypeWonder do testowania r\u00f3\u017cnych czcionek na Twojej stronie jest bardzo \u0142atwe.<\/p>\n

    \n
  1. Wejd\u017a na witryn\u0119 TypeWonder.com.<\/li>\n
  2. Wpisz adres swojej strony w odpowiednim miejscu i naci\u015bnij przycisk \u201eGo!\u201d.<\/li>\n
  3. Wybierz typ czcionki w okienku, kt\u00f3re wyskoczy. Je\u015bli chcesz, to mo\u017cesz wyszukiwa\u0107 fonty po ich nazwie, a nawet sortowa\u0107 ich list\u0119 na podstawie ich popularno\u015bci. Opr\u00f3cz tego mo\u017cesz zmieni\u0107 domy\u015blny tekst na interesuj\u0105c\u0105 Ci\u0119 fraz\u0119.<\/li>\n
  4. Teraz, po wybraniu interesuj\u0105cej Ci\u0119 czcionki, kliknij na przycisk \u201eApply\u201d, by zmieni\u0107 jej kr\u00f3j na swojej stronie.<\/li>\n<\/ol>\n

    Nast\u0119pnie TypeWonder poka\u017ce Ci wygl\u0105d Twojej witryny ze zmienion\u0105 czcionk\u0105. B\u0119dziesz mie\u0107 r\u00f3wnie\u017c mo\u017cliwo\u015b\u0107 w ka\u017cdym momencie zmieni\u0107 u\u017cywany font na pasku w g\u00f3rnej cz\u0119\u015bci okna. TypeWonder pozwala pobra\u0107 kod \u017c\u0105danego rodzaju czcionki, by dodatkowo u\u0142atwi\u0107 implementacj\u0119 nowego kroju na swojej stronie internetowej.<\/p>\n

    TypeWonder pozwala tak\u017ce przegl\u0105da\u0107 i pobiera\u0107 czcionki na sw\u00f3j komputer. U\u017cywaj\u0105c funkcji dost\u0119pnych na TypeWonder mo\u017cesz sprawdzi\u0107, jak fonty b\u0119d\u0105 wygl\u0105da\u0107 w nag\u0142\u00f3wkach, akapitach i tre\u015bci Twojej strony.<\/p>\n

    Sztuka uk\u0142adania wyraz\u00f3w i ich kroj\u00f3w sprawiaj\u0105ca, \u017ce prezentowane tre\u015bci wygl\u0105daj\u0105 bardziej atrakcyjnie i przyst\u0119pnie, nosi nazw\u0119 typografii. Jest to ogromne pole do popisu, a ludzie cz\u0119sto sp\u0119dzaj\u0105 ca\u0142e \u017cycie doskonal\u0105c si\u0119 w tej sztuce. TypeWonder pozwala bardzo \u0142atwo i mniej czasoch\u0142onnie dopracowywa\u0107 typografi\u0119 Twojej witryny.<\/p>\n

    \"typewonder1\"<\/p>\n

    Jak dobra\u0107 czcionk\u0119 dla swojej strony przy pomocy TypeWonder?<\/h2>\n

    Pami\u0119taj o przytoczonych ni\u017cej zasadach wybieraj\u0105c czcionk\u0119 na TypeWonder.<\/p>\n

      \n
    1. Na stronie umieszczasz tre\u015bci do czytania przez innych ludzi. Tekst powinien by\u0107 dla nich jak najbardziej przyst\u0119pny i jego odbi\u00f3r nie mo\u017ce by\u0107 zak\u0142\u00f3cony przez nadmierne zmniejszenie rozmiaru lub brzydki kr\u00f3j czcionki. W Internecie znajdziesz ogromn\u0105 ilo\u015b\u0107 stron, kt\u00f3re nie pozwol\u0105 Ci si\u0119 cieszy\u0107 ich zawarto\u015bci\u0105 w\u0142a\u015bnie przez takie bol\u0105czki.
      \nUpewnij si\u0119, \u017ce Twoja publikowana zawarto\u015b\u0107 jest czytelna. Dzi\u0119ki temu na samym starcie, je\u015bli b\u0119dziesz mia\u0142 szcz\u0119\u015bcie, pokonasz prawie po\u0142ow\u0119 konkurencji.<\/li>\n
    2. Wybieraj kr\u00f3j font\u00f3w ostro\u017cnie i nie przekombinuj. Wybierz tak\u0105 czcionk\u0119, kt\u00f3ra jest mo\u017cliwie najpopularniejsza i powszechnie u\u017cywana, poniewa\u017c musi ona by\u0107 idealna, by perfekcyjnie dopasowa\u0107 j\u0105 do dowolnego projektowanego designu.<\/li>\n
    3. Najlepszym sposobem wyboru czcionki jest wypr\u00f3bowanie ka\u017cdego kroju, kt\u00f3ry Twoim zdaniem mo\u017ce poprawi\u0107 wygl\u0105d Twojej strony. Musisz nast\u0119pnie por\u00f3wna\u0107 je i wybra\u0107 ten, z kt\u00f3rym Twoja witryna prezentuje si\u0119 najlepiej.<\/li>\n
    4. Zazwyczaj u\u017cytkownik nie zastanawia si\u0119 nad dobranym fontem dop\u00f3ki zapisany nim tekst jest czytelny. Je\u015bli nie jest, to mo\u017cesz by\u0107 pewny, \u017ce Twoja firma b\u0119dzie na najlepszej drodze do upadku.<\/li>\n<\/ol>\n

      Cz\u0119sto trzeba u\u017cywa\u0107 na swojej stronie dw\u00f3ch czcionek jednocze\u015bnie, stosowanie tylko jednego kroju mo\u017ce okaza\u0107 si\u0119 niew\u0142a\u015bciwe. Tak przynajmniej pokazuje og\u00f3lny trend na najpopularniejszych witrynach. Jednego fontu u\u017cywa si\u0119 w nag\u0142\u00f3wkach, a drugiego w tek\u015bcie.<\/p>\n

      Gdy u\u017cywasz dw\u00f3ch r\u00f3\u017cnych czcionek, musisz upewni\u0107 si\u0119, \u017ce dostatecznie dobrze ze sob\u0105 wsp\u00f3\u0142graj\u0105 i s\u0105 w miar\u0119 do siebie podobne. Nie dowiesz si\u0119 tego jednak, dop\u00f3ki nie wypr\u00f3bujesz wszystkich dost\u0119pnych kombinacji. Ostatecznie wybierzesz dwie najlepiej do siebie pasuj\u0105ce.<\/p>\n

      \"typewonder2\"<\/p>\n

      Korzystanie z rozszerzenia TypeWonder dla przegl\u0105darki Chrome<\/h2>\n

      Rozszerzenie TypeWonder dla Chrome\u2019a dzia\u0142a podobnie jak sama strona. Tylko zamiast wpisywa\u0107 adres witryny, kt\u00f3r\u0105 chcesz testowa\u0107, klikasz po prostu na przycisk dodatku w otwartej zak\u0142adce z Twoj\u0105 stron\u0105. Potem wybierasz interesuj\u0105c\u0105 Ci\u0119 czcionk\u0119, a TypeWonder zrobi ju\u017c ca\u0142\u0105 reszt\u0119. Wtyczki TypeWonder dla Firefoxa i Safari nie by\u0142y jeszcze dost\u0119pne w czasie pisania tego artyku\u0142u, ale mam nadziej\u0119, \u017ce uka\u017c\u0105 si\u0119 jak najszybciej, by umo\u017cliwi\u0107 wygodnie u\u017cywanie TypeWonder tak\u017ce u\u017cytkownikom tych przegl\u0105darek.<\/p>\n

      TypeWonder do dzia\u0142ania wykorzystuje API Google Web Fonts. Oznacza to, \u017ce masz dost\u0119p do wielu czcionek wysokiej jako\u015bci, na licencji open source, dzia\u0142aj\u0105cych na wi\u0119kszo\u015bci przegl\u0105darek i \u0142atwych w u\u017cyciu. Po wybraniu czcionki, wszystko co musisz zrobi\u0107, to pobra\u0107 wygenerowany kod i doda\u0107 go do pliku CSS swojej strony. Gotowe!<\/p>\n

      W sieci znajdzie si\u0119 wiele stron realizuj\u0105cych podobne funkcjonalno\u015bci jak TypeWonder, ale \u017cadna z nich nie jest tak prosta i przyjazna w u\u017cyciu jak witryna omawiana w tym artykule. Jest to niew\u0105tpliwie jedna z najwi\u0119kszych zalet tej us\u0142ugi. Nie musisz si\u0119 nawet rejestrowa\u0107 i logowa\u0107 na stronie. TypeWonder nie ma zamiaru pobiera\u0107 op\u0142at za swoj\u0105 us\u0142ug\u0119. Jest ca\u0142kowicie darmowa!<\/p>\n