Zasady CSS3 @ font-face

Przykłady

Określ czcionkę o nazwie "myFirstFont" i określić, gdzie znaleźć jego adres URL:

@ Font-face
{
font-family: myFirstFont;
src: url ( 'Sansation_Light.ttf "),
url ( 'Sansation_Light.eot'); / * IE9 * /
}

Internet Explorer 9, Firefox, Opera, Chrome i Safari support @ font-face regułą.

Jednak Internet Explorer 9 obsługuje tylko .eot rodzajów czcionek, Firefox, Chrome, Safari i Opera wsparcie .ttf i .OTF dwoma rodzajami czcionek.

Uwaga: Internet Explorer 8 i wcześniejsze wersje IE nie obsługuje reguły @ font-face.

@ Regułę font-face, projektanci stron internetowych nie muszą już korzystać z "web-safe" czcionek jeden.

Nazwa czcionki, czcionki - zasad twarzy:

Pliki czcionek zawartych na serwerze gdzieś CSS:

Jeśli plik czcionki znajduje się w innej lokalizacji, należy użyć pełnego adresu URL:

Jest teraz gotowy do użycia czcionki, dodaje to przykład na to, jak go używać wszystkich element div:

div
{
font-family: myFirstFont;
}

font-properties

Poniższe przykłady czcionek stosowanych w div:

div
{
font-family: myFirstFont;
}

@ Font-face
{
font-properties
}

opis czcionki	wartość	wyjaśnienie
font-family	nazwa	Wymagany. Określ nazwę czcionki.
src	URL	Wymagany. Zdefiniuj Pobieranie czcionki URL (S)
font-odcinek	normalny skondensowany ultra-skondensowane extra-skondensowane semi-skondensowane rozszerzony semi-rozszerzona ekstra rozszerzona ultra rozszerzona	Opcjonalne. Określ, jak czcionka powinna być rozciągnięta. Domyślną wartością jest "normalne"
font-style	normalny kursywa ukośny	Opcjonalne. Zdefiniuj styl czcionki powinny być podobne. Domyślną wartością jest "normalne"
font-weight	normalny śmiały 100 200 300 400 500 600 700 800 900	Opcjonalne. Ciężar niestandardowych czcionek. Domyślną wartością jest "normalne"
Zakres Unicode	Zakres Unicode	Opcjonalne. Zakres ten jest definiowany czcionek obsługuje znaków Unicode. Domyślną wartością jest "u + 0-10 FFFF"

Tutorial CSS3: CSS3 Czcionki