Przeglądarka czcionek on-line

 

Wybór czcionki ułatwia przeglądarka czcionek taka jak myfontbook.com. Jak sama nazwa wskazuje, pokazuje ona czcionki, które masz zainstalowane na swoim dysku. Pozwala na szybki podgląd alfabetu, czy frazy, dla której chcesz dobrać czcionkę. Ponadto dysponuje szeregiem innych podglądów, przykładowych bloków tekstu itp. Jest nawet opcja prostego katalogowania czcionek.

Przeglądarka czcionek on-line - zrzut ekranu

myfontbook.com - przeglądarka czcionek on-line

Coś jeszcze? Jest on-line, user-friendly i za darmo. Polecam! Przetestuj przeglądarkę czcionek myfontbook.com.

Uważasz, że przeglądarka Ci się przydała? Znasz lepsze narzędzie tego typu? Podziel się w komentarzu!

 
 

Hack na @font-face – dowolna czcionka na stronie

 

100% @font-face -  dowolna czcionka na stronieMagia @font-face opisana  przeze mnie wymaga małego sprostowania. Wszystko wynika z faktu, iż różne przeglądarki akceptują różne formaty czcionek, linkowanych za pomocą @font-face.

Firefox i Chrome doskonale radzą sobie z formatem .ttf, natomiast Internet Explorer teoretycznie wspiera .eot. Jak w takim razie zapewnić spójną typografię na naszej stronie? Komentarze warunkowe mogą rozwiązać problem. Z tym, że to nieeleganckie rozwiązanie i należy je stosować w ostateczności.

Chcecie gotowca? Oto i on w całej okazałości:


@font-face {
  font-family: 'KISS design';
  src: url('Kissdesign.eot');
  src: local('KISS design Regular'), local('KISS design'),
         url('Kissdesign.otf') format('opentype');
}

Odrobina komentarza. Po pierwsze potrzebujemy w takim razie czcionki w dwóch formatach - .eot i .otf/.ttf. Z pewnością przyda Ci się doskonały i darmowy konwerter formatów czcionek opisany przeze mnie.

Po drugie, jeżeli przeglądarka znajdzie czcionkę o nazwie „KISS design Regular” na dysku lokalnym, zostanie ona użyta. Niesie to niewielkie ryzyko, że użytkownik będzie miał na swoim komputerze zupełnie inną czcionkę, zapisaną pod użytą przez nas nazwą. Warto mieć to na uwadze. Jeżeli jednak użytkownik nie posiada lokalnie żądanej czcionki, przeglądarka pobierze ją z serwera – „Kissdesign.otf”.

Po co w takim razie linkowanie „Kissdesign.eot”? Dla ukochanego IE. Internet Explorer zignoruje drugie wystąpienie „src: (…)”, ponieważ nie rozumie znaczenia klauzul local i format.

Jeżeli chcesz zgłębić ten temat, polecam wpis Bulletproof @font-face na blogu Paula Irisha.

 
 

Konwerter formatów czcionek – EOT, TTF, OTF, wtf?

 

Konwerter czcionek - formatu eot, ttf, otfMamy ponad 15 powszechnie używanych formatów czcionek. Brak jednego, dominującego utrudnia życie wszystkim związanym z grafiką i typografią. Konieczne jest konwertowanie z jednego formatu do drugiego, w zależności od wykorzystania. Ot, chociażby @font-face w css wymaga różnych formatów w zależności od przeglądarki.

Problemem jest jednak niska jakość darmowego oprogramowania do pracy z czcionkami. Całe szczęście, że powstał darmowy konwerter czcionek on-line! Co prawda wymaga rejestracji, ale naprawdę warto, ponieważ pozwala na błyskawiczną zmianę formatu. Wszystko za sprawą magii AJAX-a. Jestem pod wrażeniem tego narzędzia.

Polecam! Sprawdziłeś onlinefontconverter.com? Podziel się wrażeniami w komentarzu.

 
 

Uwolnić czcionki – dowolny font na stronie

 

Najnowsze przeglądarki już wspierają właściwość @font-face, która pozwala na podlinkowanie dowolnej czcionki. Następnie można jej użyć pod wybraną przez siebie nazwą. Zobacz jakie to proste:

@font-face {

font-family:"Times New Polkowski";

src: url(../resources/fonts/tnpolkowski.otf);

}

p{ font-family: "Times New Polkowski", Georgia, Times; }

Ok, to nie jest takie proste. Jeszcze. Nie został rozwiązany problem formatów czcionek – każda platforma i system operacyjny preferuje inny format. Do tego trzeba uważnie czytać umowy licencyjne fontów – najczęściej nie pozwalają one na wykorzystywanie w taki sposób (co sprytniejszy użytkownik może pobrać udostępnioną przez nas czcionkę).

Mimo to @font-face jest kuszącą perspektywą, która pozwoliłaby odesłać w niepamięć techniki podmiany tekstu obrazem. A to znaczy ogromną oszczędność czasu!

Podziel się ze mną opinią – czy ten wpis był przydatny?

 
 
następne wpisy »