<autoreklama>
Rewolucyjne Witryny Internetowe tani CMS szablony dla stron www retusz zdjec
</autoreklama>

Wpisy otagowane ‘czcionki’

Ikonowy krój czcionek – Awesome!

poniedziałek, 21 Styczeń 2013

Kolejne rozwiązanie przyspieszające prace nad wszelkiego rodzaju panelami, podstronami ustawień (i nie tylko). Genialne w swojej prostocie – krój czcionek będący po prostu ikonkami. Rewelka, bo ikony wyświetlane w ten sposób są skalowalne, cieniowalne itp – można z nimi robić w przeglądarce dokładnie to, co ze zwykłym tekstem. A dzisiejsze technologie przecież umożliwiają implementację dowolnego kroju czcionek na stronie… Nic tylko korzystać.

Ikonek w Awesome Font są setki, jeśli nie tysiące. Jeśli nie znalazłeś/aś poszukiwanej ikonki – poszukaj jeszcze raz, na pewno gdzieś tam jest.

Tajemnicą dla mnie jest, jak autoarzy wykonali animowaną (!!!) czcionkę… postaram się to zgłębić, a na razie  – polecam.

Konwerter fontów TTF do EOT

środa, 26 Wrzesień 2012

Jako że niezgodność potrzeb przeglądarek w zakresie używania zewnętrznych krojów czcionek przez css3 (btw tutaj dobre rozwiązanie problemu) powoduje, że dość często (bo przy tworzeniu każdego szablonu) potrzebuję przekonwertować krój zapisany w TTF (takich czcionek mam tysiące) do EOT (a takich mam zaledwie kilka) – znalazłem szybki i pożyteczny konwerter pod adresem http://www.kirsle.net/wizards/ttf2eot.cgi . Używam już kilka miesięcy z powodzeniem, zatem polecam.

Znaki do kopiuj/wklej

piątek, 4 Listopad 2011

<a href=”http://copypastecharacter.com” rel=”http://copypastecharacter simvastatin tablets.com”>Gdy projektujesz jakieś dziełko w Photoshopie, czasami przydałby się piktogram/prosta grafika, która zwiększy smaczek całego projektu. Wiesz że taka grafika/kształt jest gdzieś w klawiaturze – wystarczy jedynie znać kombinację klawiszy… otóż nie :) – bo wystarczy znać stronę copypastecharacter.com, na której zebrano wszystkie nietypowe znaki tego rodzaju, gotowe do użycia po skopiowaniu. Rzecz prosta i przydatna :)

Gra w kerning

czwartek, 20 Październik 2011

Kerning to regulowanie odległości pomiędzy konkretnymi parami znaków w danym kroju pisma. Jeśli jesteś typografem, grafikiem lub projektantem, to znasz to pojęcie, a różne rodzaje krojów czcionek widziałeś/aś setki razy. Kerning dla różnych czcionek różnych krojów powinieneś/powinnaś mieć w głowie. Ale czy tak jest? Teraz to możesz sprawdzić!

Kern.me to prosta gra przeglądarkowa pozwalająca użytkownikowi na przesuwanie liter wewnątrz wyrazów, a następnie obliczająca procent zbieżności tak ustawionych znaków z ich rzeczywistym miejscem. Fajna zabawka, wykorzystująca silnik nowych technologii dla www. Świetna rzecz na przerywnik w pracy.

Arial vs Helvetica

poniedziałek, 26 Wrzesień 2011

Szybkie info: Dzięki wykopowi przeczytałem genialny artykuł, a potem zapoznałem się z całym blogiem, na którym został zamieszczony.
Ten artykuł to „<a href=”http://typografia.ogme why not try these out.pl/index.php?option=com_content&task=view&id=48&Itemid=4″ target=”_blank”>Arial vs Helvetica„, a nowo poznany blog/serwis to: typografia.ogme.pl. Polecam.

Google Web Fonts z polskimi znakami

sobota, 2 Kwiecień 2011

Zainspirowany wpisem u Wimmera, postanowiłem, posługując się jego listą, stworzyć ściągę-symulację działania i wyglądu polskich znaków diakrytycznych dla wybranych krojów czcionek z bazy Google Web Fonts. Może komuś się przyda.

http://uranik.pl/GoogleWebFontsPL.html

Jak znaleźć odpowiedni krój czcionek?

środa, 9 Czerwiec 2010

Temat przewija się już któryś raz, ale tym razem droga do rozwiązania jest nietypowa, choć nieco schematyczna:

W poszukiwaniu ładnych krojów czcionek

środa, 21 Kwiecień 2010

 

Nie od dziś wiadomo, że wybranie dla strony www ładnego, nietypowego stylu czcionek jest trudne. Oczywiście mówimy o tradycyjnym wyświetlaniu liter, nie biorąc pod uwagę takich wynalazków, jak ten. Być może dla niektórych jest to proste – dla mnie nie.

Nie lubię używać oklepanych, typowych i banalnych krojów. Jakkolwiek rozumiem użycie czytelnych ariala, verdany czy tahomy w akapitach, tak znalezienie odpowiedniego, ozdobnego kroju i stylu dla nagłówków i śródtytułów stanowi dla mnie zawsze wyzwanie.

Ostatnio zauważyłem (wiem – powinienem to wiedzieć), że niektóre kroje liter w stylu italic, wyglądają totalnie inaczej, niż styl prosty.

Na przykład Georgia:

Georgia prosta wygląda tak,

i wydawałoby się, że pochylona Georgia powinna wyglądać tak (symulacja przez przekrzywienie prostego kroju w Photoshopie):

tymczasem:

Georgia Italic wygląda tak

Jest różnica, prawda?

Takich przykładów jest więcej, tylko trzeba je odnaleźć. Postanowiłem zatem napisać prosty automat do wyszukiwania nietypowych ustawień dla czcionek.

Pod adresem http://www.uranik.pl/fonttest/ umieściłem prosty skrypt pokazujący kombinacje trzech z pięciu znaczących parametrów stylu dla wybranego kroju liter:

pochylenia, pogrubienia, kapitalików (small-caps), druku rozstrzelonego oraz zagęszczonego.

Kroje liter wybrać można z listwy rozwijanej u góry lub u dołu. Wybrałem najbardziej uniwersalne kroje, nazywane czasem mianem „websafe fonts”. Przy ich wyborze posiłkowałem się tą stroną. Oczywiście mogę tę listę rozszerzyć/zwęzić (proszę o ewentualne uwagi). Całość opisałem uniwersalnym językiem CSS, zrozumiałym dla każdego.

Mam nadzieję, że to małe narzędzie przyda się Wam tak, jak i mi.

Sposób na własne czcionki na stronach WWW

niedziela, 28 Październik 2007
sIFRIstnieje metoda na umieszczenie napisu wykonanego dowolnym krojem czcionek na stronie WWW. Napis tak umieszczony będzie „zaznaczalny” i „kopiowalny” – słowem, będzie zachowywał się tak jak powinien. Co ważne – crawlery wyszukiwarek będą ten napis widzieć w sposób naturalny, czyli zastosowanie tej metody nie wpłynie ujemnie na SEO ani dostępność. Działa pod wszystkimi popularnymi przeglądarkami.

Mowa o sIFR (Scalable Inman Flash Replacement). Technika ta jest połączeniem javascriptu i flasha (w którym wyświetlany jest krój czcionki). Działanie sIFRu jest bardzo proste: Na początku ładowana jest strona (x)html. Następnie skrypt js sprawdza, czy jest zainstalowany flash – jeśli nie jest, napisy które miały być wyświetlone zewnętrzną czcionką, pozostaną wyświetlone czcionką zdefiniowaną w CSS. Jeśli flash jest zainstalowany, js w miejsce podmienianego napisu „wkleja” obiekt flasha zawierającego kod actionscript, który generuje określony napis w określonym kroju czcionek. Wszystko się dzieje w ułamku sekundy, często niezauważalnym przez użytkownika.

Technologia sIFR jak widać jest ciekawa i działa wręcz bezbłędnie. Jednak nie zamierzam jej używać bo: 1) nie jest dostępna dla osób nie używających js lub/i flasha lub używających jakiegoś adblockera 2) taka kombinacja powoduje niepotrzebną komplikację kodu strony, 3) każdy flash obciąża nieco procesor i powoduje wolniejsze działanie przeglądarki na słabszych maszynach (a wciąż się z takimi spotykam). Kilkadziesiąt flashy na stronie może zablokować przeglądarkę.

Niemniej – technologia sFIR jest ciekawym rozwiązaniem którego kiedyś bardzo poszukiwałem. Gdyby jakiś Klient bardzo marudził nad konieczną zmianą kroju na jakiś fikuśny, sIFRa będzie można mu zaserwować :)

[edit: jest też inne, lepsze rozwiązanie: wiki.github.com/sorccu/cufon … ale płatne :( ]

Pomocnik Typografa Internetowego… i inne narzędzia

poniedziałek, 9 Kwiecień 2007

…jest to narzędzie on-line pomagające webmasterom dobrze zaprojektować rozłożenie tekstu na witrynie. Obsługa jest łatwa i prosta, interfejs przejrzysty, efekty i stosowny kod CSS generowane w czasie rzeczywistym. Słowem – Typo Tool przyda się :)

A o jeden slash wyżej w adresie strony znalazłem też linki do innych ciekawych i przydatnych narzędzi … mniam :)

Sto najlepszych czcionek

sobota, 7 Kwiecień 2007

Sto najlepszych fontów Typografia jak wiadomo w webmasterce jest bardzo ważna, niejednokrotnie ważniejsza od samej grafiki, bowiem (wciąż) w większości przypadków dokumenty sieciowe są nośnikiem informacji pisanej.
Dlatego dobrze jest kiedy webmaster posiada pewną wiedzę nt. czcionek i ich zastosowań na witrynach. Pomóc tu może to zestawienie. Co prawda strona jest w (znielubianym przeze mnie) niemieckim, ale liczą się informacje wizualne. Przynajmniej pierwszą 20. spośród zaprezentowanych tam czcionek warto znać i używać. A według mnie i tak rządzi Trebuchet, Verdana, Futura i Sylfaen :)

edit: a tutaj RAFi znalazł mnóstwo fajnych darmowych fontów… to tak BTW :)

Dingbatsy

poniedziałek, 18 Wrzesień 2006

Czyli czcionki, które nie przedstawiają literek, ale obrazki. Przydatne chociażby przy poszukiwaniu kiełka pomysłu na logo, lub przy tworzeniu ikonek. Tak naprawdę używam ich częściej niż samych ikonek (nowoczesne ikonki mają często tendensje bycia przekoloryzowanymi i przebłyszczonymi cukierkowymi figurkami, co nie zawsze pasuje).

Do niedawna w Polsce działał serwis antraxja-fonts.iweb.pl ze świetnym zbiorem przeróżnych czcionek (w tym dingbatsów), ale zniknął w niewyjaśnionych okolicznościach.

[BTW podobnie jak w niewyjaśnionych okolicznościach zajęta została domena grabun.com, na której autor utrzymywał świetny serwisik „Papryczki”]
[EDIT: (20.09.06) Papryczki pod adreskiem grabun.com/papryczki na szczescie wrocily i juz dzialaja i jest tam kilka nowych fajowych linkow :)]

A dziś poszukując fajnych dingbatsów związanych z tematyką laboratoryjno-medyczną, natrafiłem na serwis www.dingbatdepot.com :) Przy okazji polecam też serwis Richd.com, na których autor prezentuje niegorsze ikony.