Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
@font-face - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: @font-face (/thread-font-face)



@font-face - Morfeusz_2005 - 01-12-2011

Witam. Chciałem użyć, kilku własnych czcionek, ale @font-face umożliwia wgranie tylko jednej innej czcionki.


RE: @font-face - Kartofelek - 01-12-2011

Tak samo jak wiele definicji CSS, tak font-face także ustawia tylko "jedną" właściwość (tutaj czcionkę). No ale przecież możesz sobie takich definicji wstawić i milion pińset, a co za tym idzie mieć milion pińset własnych czcionek


RE: @font-face - Morfeusz_2005 - 01-12-2011

Próbowałem. Widzi tylko jedną czcionkę, zależnie którą zostawię.


RE: @font-face - Kartofelek - 02-12-2011

Kod:
    @font-face {
        font-family:'kreska-webfont';
        src:url('font/kreska-webfont.eot');
        src:local('�'),
            url('font/kreska-webfont.woff') format('woff'),
            url('font/kreska-webfont.ttf') format('truetype'),
            url('font/kreska-webfont.svg#webfontl3eKyN4a') format('svg');
        font-weight:normal;
        font-style:normal;
    }

    @font-face {
        font-family:'inna_czcionka';
        src:url('font/inna.eot');
        src:local('�'),
            url('font/inna.woff') format('woff'),
            url('font/inna.ttf') format('truetype'),
            url('font/inna.svg#webfontl3eKyN4a') format('svg');
        font-weight:normal;
        font-style:normal;
    }



RE: @font-face - Ancik - 02-12-2011

Musi działać, sam niejednokrotnie używałem.


RE: @font-face - Morfeusz_2005 - 02-12-2011

Działa, ale dopiero jak dam kilka @font-face
Myślałem, że będzie się krzaczyć przez takie same znaczniki z inną zawartością...
jestem pozytywnie zaskoczony.


RE: @font-face - Kartofelek - 02-12-2011

ale przez kilkakrotne zastosowanie background, font ect się nie krzaczy. Powiem więcej:
znasz kakie coś:

Kod:
*display:inline; display:inline-block;  background:red; background:....tutaj gradient dla normalnych przeglądarek