Naiđeš na web-stranicu i naslov te zaustavi. Točno onaj vibe koji već tjednima pokušavaš postići na svojoj stranici. Desni klik, probaš "inspect", i upadneš u zid CSS-a kroz koji moraš kopati samo da nađeš jednu liniju font-family — ako je uopće nađeš.
Kratak odgovor: instaliraj FontMee, klikni Inspect i prijeđi mišem preko teksta. Točan font pojavi se odmah, bez dev alata i bez screenshota.
Uobičajeni načini traženja fonta, i zašto su nervozni
Dev alati u pregledniku rade, tehnički, ali su napravljeni za developere koji debagiraju izgled stranice, ne za brzu provjeru imena fonta. Moraš otvoriti inspector, kliknuti pravi element u ugniježđenom stablu, skrolati kroz computed styles, i nadati se da font nije zakopan iza desetak CSS varijabli. Postoje i stranice za "prepoznavanje fonta", ali većina traži da uploadaš screenshot pa ti onda nagađaju s liste vizualno sličnih fontova — sporo, i često pogrešno.
Za znati: postoji puno brži način koji preskoči oboje — prijeđeš mišem preko teksta i odmah dobiješ odgovor, bez screenshota i bez dev alata.
Rješenje: FontMee
FontMee je besplatna Chrome ekstenzija napravljena baš za ovo. To je bočni panel koji se otvori pored bilo koje stranice, s dvije stvari koje su ovdje bitne: Inspect alat koji ti odmah imenuje bilo koji font, i uživo biblioteka od 1900+ fontova koje možeš primijeniti na tu istu stranicu da vidiš kako bi izgledao neki drugi font umjesto trenutnog — ne samo prepoznaš što je tamo, nego stvarno isprobaš alternative prije nego bilo što odlučiš.
Kako prepoznati font — korak po korak
- Instaliraj FontMee. Dodaj FontMee iz Chrome Web Storea. Besplatno, ne treba račun.
- Otvori panel na stranici koja te zanima. Klikneš ikonicu FontMeeja i bočni panel se otvori pored stranice.
- Klikni Inspect i prijeđi preko teksta. Točan font, veličina, debljina, visina reda i razmak slova koji se stvarno prikazuju pojave se istog trena — bez dev alata, bez izvornog koda.
Ovo je i alat za live isprobavanje fontova, ne samo prepoznavanje
Kad jednom znaš koji font stranica koristi, tu tek dolazi prava vrijednost FontMeeja: isti panel ti omogući da isprobaš bilo koji od 1900+ fontova — cijeli Google Fonts katalog plus Fontshare ekskluzive poput Satoshi i Clash Display — direktno na toj istoj stranici, u tvom pregledniku, istog trena.
- Četiri neovisna sloja — primijeniš font na baš sve, samo naslove, samo tekst, ili jedan element koji klikneš, svaki zadrži svoj izbor
- Odaberi točan element — ciljaš baš jedan gumb, naslov, ili odlomak umjesto cijele stranice
- CSS spreman za kopiranje — kad se odlučiš, jedan klik izbaci
@importi pravila spremna za lijepljenje u tvoj vlastiti stylesheet - Uploadaj vlastite fontove (Pro) — ubaciš brend fontove klijenta ili fontove koje si kupio, i isprobaš ih uživo na isti način
Ništa što napraviš nikad ne dira samu stranicu — reloadaš stranicu ili zatvoriš karticu i sve se vrati u normalu, za tebe i za sve ostale posjetitelje. To je potpuno siguran način da isprobaš "što ako bi ovo bio drugi font" na svojoj stranici prije nego napišeš liniju CSS-a, ili na tuđoj samo da vidiš kako bi se font preveo.
Odabrao si font? Sad mu treba dom. Ako je font za stranicu koju tek namjeravaš napraviti, alat za izradu stranica omogućuje ti da je složiš izravnim uređivanjem, bez pisanja koda. Weblium je jedan od njih.
Preuzmi ekstenziju
FontMee je besplatan, s 1900+ fontova, sva četiri sloja, Inspect, i CSS kopiranje uključeni bez ikakve naknade. Ako trošiš vrijeme na biranje fontova — za svoju stranicu, klijentovu, ili čisto iz znatiželje o stranici koja ti se sviđa — pretvori nagađanje u nešto što stvarno vidiš.
Dobro je znati prije nego počneš
- Samo pregled: font se mijenja na tvom zaslonu, nikad za druge posjetitelje.
- Za pregled se učitavaju samo latinična slova (uključujući srednjoeuropska); ćirilica, grčki, arapski i azijski tekst zadržavaju izvorni font.
- Fontovi se dohvaćaju s Google Fonts i Fontshare kad ih pregledavaš, pa ti treba internetska veza.
- Besplatni plan: 10 spremljenih fontova, 1 set fontova i 1 zapamćena stranica. Prijenos vlastitih fontova je Pro značajka.
- Pregled fonta nije licenca. Provjeri licencu fonta prije nego ga upotrijebiš na web-stranici.
FAQ
Klikneš FontMeejev Inspect alat i prijeđeš mišem preko bilo kojeg teksta na stranici — istog trena ti pokaže točan font, veličinu, debljinu, visinu reda i razmak slova koji se stvarno prikazuju, bez otvaranja dev alata ili čitanja izvornog koda stranice.
Da — FontMee primijeni bilo koji od 1900+ Google Fonts i Fontshare fontova direktno na živu stranicu jednim klikom, bez CSS-a u tom koraku. Tek kad se odlučiš, diraš svoj pravi stylesheet, koristeći gotov Copy CSS isječak koji FontMee generira.
Ne — FontMee mijenja samo ono što se prikazuje u tvojoj kartici preglednika, privremeno, i nikad ne dira stvarne datoteke stranice. Reload stranice ili zatvaranje kartice odmah vrati sve u normalu, za tebe i sve ostale posjetitelje.
Da — FontMee ima četiri neovisna sloja: Baš sve, Naslovi, Tekst, ili jedan element koji klikneš. Svaki zadrži svoj izbor fonta, tako da možeš odjednom isprobati kombinaciju naslova i teksta.
Da — 1900+ fontova, sva četiri sloja, Inspect i Copy CSS rade bez plaćanja ili računa. Opcionalna jednokratna Pro nadogradnja dodaje uploadanje vlastitih font datoteka, ali nije potrebna ni za jednu od osnovnih značajki.
FontMee — besplatno, 1900+ fontova
Prepoznaj bilo koji font istog trena, pa isprobaj bilo koji drugi font uživo na istoj stranici.
