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š.
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.
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š.
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.
