Autor Zpráva
janky
Profil
Na Kickstarteru teď běží kampaň na fontawesome 5. POkud někdo používá tak tam má do pondělí akci. Za 20$ dostanete všechny ikonky.
Chamurappi
Profil
Reaguji na jankyho:
Pokud to někdo používá, tak bych doporučil to nepoužívat :-)
Používání fontů na ikony je špatně přístupné a málo spolehlivé. I když tato verze se už trochu snaží nebýt fontem… za tuto snahu jim nedám 20 dolarů, ale moje čestné uznání, že možná kráčí správným směrem.
pcmanik
Profil
Chamurappi:
Používání fontů na ikony je špatně přístupné a málo spolehlivé.
V čom konkrétne je FontAwesome zle prístupný a málo spoľahlivý?
Hlavne nechcem počuť odpoveď že to nejde v starých Exploreroch. :)
Chamurappi
Profil
Reaguji na pcmanika:
zle prístupný
Pokud si v prohlížeči nebo v systému nastavím, aby se ignorovala ve stránce nastavená písma, budou ikony srozumitelné, nebo místo nich uvidím nějaká písmenka (či čtverečky/otazníčky)?

málo spoľahlivý
Pokud mi proxy zablokuje soubor s fontem (třeba proto, že oholí CORS hlavičky), dopadne to jak? Nebo obecně – soubor se prostě (zatím) nenačte – jaký je fallback? Tohle se u fontů děje častěji, než u jiných druhů souborů.

nechcem počuť odpoveď že to nejde v starých Exploreroch. :)
To by také souviselo s přístupností. Třeba Explorer 9 ve Windows Phone 7 nepodporuje žádný druh webfontů (a žádný jiný prohlížeč do toho telefonu dostat nejde).
pcmanik
Profil
Chamurappi:
Pokud si v prohlížeči nebo v systému nastavím, aby se ignorovala ve stránce nastavená písma, budou ikony srozumitelné, nebo místo nich uvidím nějaká písmenka (či čtverečky/otazníčky)?
To naozaj netuším a taktiež som toho názoru že 99.9% percent ľudí nebude ignorovať písma na stránke. A ten kto to spraví hold jeho problém, vyhovieť sa nedá všetkým.

Pokud mi proxy zablokuje soubor s fontem (třeba proto, že oholí CORS hlavičky), dopadne to jak? Nebo obecně – soubor se prostě (zatím) nenačte – jaký je fallback? Tohle se u fontů děje častěji, než u jiných druhů souborů.
Koľko ludí používa proxy? A koľko z nich má naviac také proxy ktoré blokuje fonty? Taktiež FontAwesome nieje problém stiahnuť a hostovať z tej istej domény, kde sa nachádza web, čize problémy s CORS odpadajú.
Ak sa súbor zatiaľ nenačítal, tak ikonky nieje vidieť, presne ako pri obrázkoch... Ak by sa aj ikonky nenačítali, tak design, resp. použiteľnosť webu tým nemá ako utrpieť, predsa len tvoria doplnkovú grafickú funkcionalitu. Snad jedine ak by boli JS udalosti naviazané priamo na ikonku ktorá sa nevykreslila a užívateľ teda na ňu nemal ako kliknúť.

To by také souviselo s přístupností. Třeba Explorer 9 ve Windows Phone 7 nepodporuje žádný druh webfontů (a žádný jiný prohlížeč do toho telefonu dostat nejde).
Windows phone je mŕtva platforma, ktorá ma aktuálne (resp. internet explorer) podľa statcounter menej ako 1.26% zastúpenie, pričom samotný explorer 9 určite netvorí ani 1%. Podiel naďalej len klesá a bude klesať. Samotný WP7 je mimochodom od Októbra 2014 nepodporovaný, teda niesu pre neho žiadne aktualizácie, pričom posledná aktualizácia bola 23. 3. 2013.
Chamurappi
Profil
Reaguji na pcmanika:
A ten kto to spraví hold jeho problém
Jasně, měl se narodit s lepším zrakem nebo bez dyslexie, tak, aby speciální způsob prohlížení webů nepotřeboval :-)
Ptal ses, co je na tom špatně přístupného, v tomto kontextu nezáleží na tom, kolik procent lidí to potřebuje. Tu možnost mají. Třeba iOS ji zavedl před rokem.

vyhovieť sa nedá všetkým
V případě ikon? Vážně nejde vymyslet nic lepšího, než font?

Koľko ludí používa proxy?
Tipnul bych si, že zaměstnanci skoro každé větší firmy.

A koľko z nich má naviac také proxy ktoré blokuje fonty?
Když jsem to naposledy měřil, webfont nefungoval procentu a půl. Nevím, kvůli čemu jim nefungoval, ale vím, že se u nich v prohlížeči nepoužil. Máš nějaká lepší skutečná data měřená na lidech?

Ak by sa aj ikonky nenačítali, tak design, resp. použiteľnosť webu tým nemá ako utrpieť, predsa len tvoria doplnkovú grafickú funkcionalitu.
Vyjma těch, které opravdu jsou důležité (třeba ovládání videopřehrávače, když koukám na ten Kickstarter). Mnoho ikon hraje na mnoha webech klíčovou roli, což je mnohdy chyba, ale neplatí to obecně.

Podiel naďalej len klesá a bude klesať. Samotný WP7 je mimochodom od Októbra 2014 nepodporovaný
To je sice pěkné, ale nevím, proč by to mělo hrát jakoukoliv roli. Ten telefon mi pořád funguje a já se nebudu z postele natahovat pro jiný jen proto, abych viděl špatně implementovanou ikonku :-)
Těch mobilů, co mají potíže s webfonty, je víc.
Když jsem psal „málo spolehlivé“, myslel jsem tím, že je to méně spolehlivé než alternativy (a nad hranicí, kterou bych byl já ochotný tolerovat). Chceš-li na mě vyrukovat nějakými statistikami, najdi takové, které dokládají, že jiné způsoby dodání ikon do stránek mají problémy u většího množství lidí…
pcmanik
Profil
Chamurappi:
Jasně, měl se narodit s lepším zrakem nebo bez dyslexie, tak, aby speciální způsob prohlížení webů nepotřeboval :-)
Výstrelky grafikov kedy je naozaj nutné zmeniť font sú minimálne, väčšinou ho stačí len zväčšiť. A ľudia ktorý s týmto majú problém, tak už používaju čítačky :)

Třeba iOS ji zavedl před rokem.
iOS zaviedol možnosť content-blokátorov (čo je niečo iné ako nastavenie Safari), pričom toto konkrétne nastavenie na blokovanie webových fontov nieje súčasťou Adblocku a ani Crystalu, ktoré sú najpoužívanejšie blokovače reklamy na tejto platforme. Ale zjavne jeden z nich - Peace má možnosť zablokovať fonty. Koľko ľudí to, ale urobí a vôbec bude mať nainštalovanú tú aplikáciu je otázne. To je asi niečo také ako niekto môže zablokovať JavaScript tak ho nebudeme používať. A nie dnes sa už moderné webové aplikácie nedajú bez toho robiť.

V případě ikon? Vážně nejde vymyslet nic lepšího, než font?
Ide aj o pohodlnosť vývojárov. Obrázky majú viac nevýhod ako výhod, najmä kvôli rôznym rozlíšeniam, resp. hustote bodov na displeji. Taktiež sa im jednoducho nedá meniť farba podľa potreby. SVG sa nedá používať tak pohodlne ako FontAwesome, čo budem mimochodom zvedavý ako poriešia v novej verzii.

Tipnul bych si, že zaměstnanci skoro každé větší firmy.
Oni používajú skôr VPN alebo sa mýlim? A snaď by im zamestnávateľ neblokoval webové fonty :)

Když jsem to naposledy měřil
Kedy to približne bolo? Stačí rok. Ono je totiž dosť možné, že v štatistike vyskakovali najmä staré Exploreri + Androidy.

Máš nějaká lepší skutečná data měřená na lidech?
Nemám nikdy ma to ani nenapadlo, nie to ešte merať a ani na webe som o tom nič nečítal. Preto aj môj pôvodný dotaz čo je na webových fontoch zlé aby som si rozšíril prehľad.

Vyjma těch, které opravdu jsou důležité (třeba ovládání videopřehrávače, když koukám na ten Kickstarter).
Vidíš font sa ti úspešne načítal :)

Ten telefon mi pořád funguje a já se nebudu z postele natahovat pro jiný jen proto, abych viděl špatně implementovanou ikonku :-)
To nemusíš, na tom mobile, resp. prehliadači ti nebude fungovať viac vecí. Vývoj nezastavíš, a toto je len jedna z ďalších chýb Microsoftu, že tak skoro ukončil podporu. Námatkovo sa ti na množstve webov nezobrazí placeholder čo je oproti ikonkám oveľa väčší problém.

Těch mobilů, co mají potíže s webfonty, je víc.
Tak prvý link zjavne zobrazuje obrázok Androida vo verzii < 4. To je aktuálne 1.5% ľudí a tých určite viac trápi ako im všetko seká a prakticky nič už nefunguje na webe ako to že im náhodou nejdú nejaké ikonky.
Druhý link je pre telefón ktorý používa Symbian. Systém ktorý je roky mŕtvy.
Optimalizovať za každú cenu pre každú platformu je casta do pekiel a orezanie webu o viaceré moderné funkcie.

Chceš-li na mě vyrukovat nějakými statistikami, najdi takové, které dokládají, že jiné způsoby dodání ikon do stránek mají problémy u většího množství lidí…
Ide aj o to, že z pohľadu vývojára ti nikto nezaplatí grafika pre vlastné ikony naviac vo viacerých rozlíšeniach len preto aby fungovali na minoritných platformách. Prípadne prácu so zmenou ich rozmerov, kompresie, farieb, robením sprite atď.

Čiže keď si to zhrnieme namiesto použitia FontAwesome si mám nakresliť / zohnať ikonky, následne ich upraviť do viacerých rozmerov pre displeje s rôznou hustotou bodov (prípadne ich všetky použiť vo väčšom rozlíšení a len ich zmenšiť v CSS), každý skomprimovať (samozrejme využitím niečoho automatického). Následne z nich urobiť sprite aby sa znížil počet požiadaviek, kvôli starým browserom ktoré nepodporujú HTTP/2. V prípade potreby zmeniť farby ikonky znovu celý proces opakovať len preto že 2% ľudí čo pristupujú na web to neuvidia z nejakého dôvodu - pričom tých problémov budú mať pravdepodobne oveľa viac ako to že im nepôjdu ikonky mi vôbec nepríde ako efektívny nápad.
A potom príde nejaký používateľ, čo si vypne obrázky a bude to v háji. Takže vlastne na webe budem používať už len text a samozrejme systémový font a mám web dostupný pre 100% ľudí. Teraz to už len vysvetliť grafikovy a zákazníkovy.
PS. Už som sa nechal trochu uniesť v tomto odstavci a ber/te to prosím trochu s nadhľadom.
Kcko
Profil
pcmanik:
+1
Chamurappi
Profil
Reaguji na pcmanika:
Výstrelky grafikov kedy je naozaj nutné zmeniť font sú minimálne, väčšinou ho stačí len zväčšiť.
Výstřelky přírody, kdy se lidem pletou „l“ a „I“ nebo „M“ a „W“ nebo „d“ a „p“, jsou možná minimálně rozšířené, ale možnost globálního přenastavení písma existuje mimo jiného i kvůli nim.

To je asi niečo také ako niekto môže zablokovať JavaScript tak ho nebudeme používať.
Je mi líto, ale této analogii nerozumím. Nikdy jsem neřekl, že se webfonty obecně nemají používat, jen, že nejsou úplně spolehlivé. A naprosto stejně se nelze spoléhat na ten zapnutý JS, čistě jen proto, že opravdu jde vypnout. (Na tom pranic nezmění žádná statistika, ani fakt, že je JavaScript k některým činnostem nezbytný, ani fakt, že je většinou pro uživatele prospěšný.)

Obrázky majú viac nevýhod ako výhod, najmä kvôli rôznym rozlíšeniam
Proto také existují vektorové obrázky. Nevím, proč vůbec do debaty zatahuješ bitmapy. Ode zdi ke zdi…

Taktiež sa im jednoducho nedá meniť farba podľa potreby.
SVG jde přebarvit celkem snadno, je to textový formát. Navíc může obsahovat víc jak jednu barvu, což bývá u webfontů složitější, ne?

Vývoj nezastavíš, a toto je len jedna z ďalších chýb Microsoftu, že tak skoro ukončil podporu.
Nevím, co bys chtěl z těch časů vyvozovat. Vývoj mobilního Exploreru pro WP7 ukončil v roce 2011, přibližně třináct let poté, co podporu webfontů zavedl do desktopového Exploreru. Kdyby oficiální podpora WP7 vydržela déle, těžko by se tím něco změnilo.
Na placeholdery mám mimochodem bookmarklet, takže ani kvůli nim se nemusím natahovat pro jiný telefon.

Kedy to približne bolo? Stačí rok.
Tuším, že přelom mezi roky 2014 a 2015. Měření jsem prováděl na desktopové verzi webu, který měl oddělenou mobilní verzi, takže se do čísel mobilní prohlížeče pravděpodobně nijak znatelně nepromítly. (Jak už jsem zmiňoval loni.)

pričom tých problémov budú mať pravdepodobne oveľa viac ako to že im nepôjdu ikonky
Jak víš, jaké jiné potíže konkrétně tahle procenta mají? Já o nich nic bližšího nevím.
Přijde mi poněkud zoufalé projektovat si do těch blíže neidentifikovaných mála procent úplně všechny problémy, které můžou nějaké menšině nastat. Vycházíš z nějakých reálných dat, nebo ze svých přání?

Čiže keď si to zhrnieme namiesto použitia FontAwesome si mám nakresliť / zohnať ikonky
Porovnáváš jedno konkrétní hotové řešení s jedním krkolomným postupem výroby.
Kdybys porovnával jen postupy výroby, tak na úpravu webfontu (= binárka) potřebuješ složitější aparát, než na úpravu SVG spritu (= texťák). Naopak kdybys porovnával jen hotová řešení, tak bývají všechna celkem snadno použitelná.
Ptal ses mě, jaké problémy mají ikony dělané přes fonty s přístupností a se spolehlivostí. Celá navazující argumentace o statistikách a hospodárnosti je mimoběžná.

Optimalizovať za každú cenu pre každú platformu je casta do pekiel
To nerozporuji. Však já také neoptimalizuji pro všechno, dělám kompromisy jako každý jiný (někdy i hodně velké). Ale na to, abych je mohl svědomitě dělat, přeci musím vnímat, jaké jsou ztráty. Když budeš předstírat, že žádné nejsou, tak možná nemusíš přemýšlet nad tím, jak je obejít… ale to neznamená, že nejsou, nebo že jsou obecně vždy a všude zanedbatelné.

Vaše odpověď

Mohlo by se hodit

  • Pokud přikládáte obrázkové ukázky, dbejte prosím na jejich přijatelnou (datovou) velikost.
  • Uvádějte v titulku grafický program, na který se ptáte.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: