[Zamknięty] [CSS]: Czcionki z serwera (@font-face)

Czasami zdarza się, że korzystamy na stronie z niestandardowych czcionek - takich, których nie ma we wszystkich systemach operacyjnych. W takich wypadkach możemy wgrać plik ttf (jest to format czcionek obsługiwany przez wszystkie popularne systemy operacyjne - jedynie IE akceptuje tylko format własnościowy eot), a następnie używać tej czcionki w arkuszu CSS.

Jak korzystać z wybranej czcionki?

Najpierw musimy zdefiniować nazwę dla czcionki. Skorzystamy tutaj z reguły @font-face. Wzór dla tej reguły jest taki:

Please Login or Register to see this Hidden Code

Nazwa zapisana w font-family nie może zawierać białych znaków (spacji, tabulatorów itp.). Teraz omówię krótko cechę src. Obowiązkowa jest tutaj jedna z wartości url lub local. Pierwsza z nich służy do wskazania adresu url, gdzie znajduje się plik z czcionką. Wartość local pozwala na ustawienie nazwy czcionki, która ma być znaleziona na komputerze użytkownika. Jeśli takiej nie będzie, przeglądarka dobierze inną, podobną. Wartość format, nie jest obowiązkowa i opisuje format czcionki.

Kolejne dwie cechy (własności) są całkowicie nieobowiązkowe. Definiują one kolejno grubość czcionki i jej styl.

Przykład użycia:

Please Login or Register to see this Hidden Code

Użytkownik JacobCode edytował ten post 02 luty 2012 - 12:52