twojeArtykuły.info

Ostatnio przy projektowaniu layoutu strony www spotkałem się z problemem osadzania czcionek. W różnych przeglądarkach w różny sposób osadza się czcionki. Wiele na ten temat zostało napisane, dlatego nie będę się zagłębiał w naturę problemu. Liczy się rozwiązanie, a jest on szybki i przyjemne.

Do osadzania czcionek użyłem generatora ze strony fontsquirrel. Załatwił wszystkie problemy z osadzeniem nowej, nietypowej czcionki na stronę. Wystarczy kilka ustawień, żeby wszystko hulało, które przedstawiam poniżej.

Ustawienia

1. Dodajemy czcionkę poprzez Add font.

2. Wybieramy tryb ekspercki.

3. Odznaczamy Subsetting na Custom subsetting wybieramy język polski.

4. Zaznaczamy PostScript Hinting na Adobe FDK, dzięki czemu nasza czcionka będzie ładnie wyglądać.

5. Musimy zaznaczyć, że poprzez użycie tej czcionki nie łamiemy praw autorskich.

6. Klikamy Download your kit.

Osadzanie czcionki w dokumencie

Ściągamy paczkę i rozpakowujemy ją w dowolnym miejscu na dysku twardym. Następnie otwieramy plik stylesheet.css np. w notatniku. Kopiujemy linijki zawierające wszystko dla @font-face od znacznika { do }. Następnie wklejamy ten kod do naszego pliku ze stylami. Używamy czcionki poprzez wywołanie stylu:

font-family: czcionka;

Teraz możemy się cieszyć nową czcionką z polskimi znakami w każdej przeglądarce.

Strona została znaleziona przez następujące słowa kluczowe

• osadzanie czcionek na stronie