Re: CSS - dlaczego fontów nie widać? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - dlaczego fontów nie widać? › Re: CSS - dlaczego fontów nie widać?

Path: news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed.pionier.net.pl!feed.xsnews.nl!
border-1.ams.xsnews.nl!rt.uk.eu.org!aioe.org!.POSTED!not-for-mail
From: Cezary Tomczyk <c...@g...com>
Newsgroups: pl.comp.www
Subject: Re: CSS - dlaczego fontów nie widać?
Date: Wed, 28 Nov 2012 21:22:41 +0100
Organization: Aioe.org NNTP Server
Lines: 50
Message-ID: <k95rqa$4it$1@speranza.aioe.org>
References: <k94p6t$41r$1@node1.news.atman.pl>
NNTP-Posting-Host: RMrsF+s1qSnxq5Qkkqjnpw.user.speranza.aioe.org
Mime-Version: 1.0
Content-Type: text/plain; charset=UTF-8; format=flowed
Content-Transfer-Encoding: 8bit
X-Complaints-To: a...@a...org
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/17.0 Thunderbird/17.0
X-Notice: Filtered by postfilter v. 0.8.2
Xref: news-archive.icm.edu.pl pl.comp.www:401554
[ ukryj nagłówki ]

W dniu 2012-11-28 11:31, Marek pisze:
> Witam,
>
> Mam następujący kod:
>
> <!doctype html><html>
> <head>
> <meta charset="utf-8">
> <title>Bez tytulu</title>
> <style>
> @font-face { font-family: FuturaMedium; src:
> url("http://domena.pl/font.eot"); }
> @font-face { font-family: FuturaMedium; src:
> url("http://domena.pl/font.ttf") format("truetype"); }
> </style>
> </head>
>
> <body style="font-family:FuturaMedium">
> bla bla
> /body>
> </html>
>
> Font prawidłowo widać pod Chrome. W FF oraz w IE10 - times. Zarówno w FF
> jak i IE sprawdzałem czy oba pliki fontowe ładują się - i tak się
> dzieje. Choć zastanowiło mnie, że EOT ładuje się jako ostatni plik w/g
> kolejności, ale może tak ma być. Co ciekawe: jest działający serwis WWW,
> w którym wyświetla się prawidłowa czcionka brana spod tego samego URL.
> Robiłem też wersję lokalną fonta (w sensie tego samego URL co strona) -
> nie pomogło. Jaki błąd robię? Czy jakiś magiczny JS jest potrzebny ?

Ja tam font-face robię tak (i działa):

@font-face {
font-family: 'MyFont';
src: url('fonts/myfont.eot');
src: url('fonts/myfont.eot?#iefix') format('embedded-opentype'),
url('fonts/myfont.woff') format('woff'), url('fonts/myfont.ttf')
format('truetype'), url('fonts/myfont.svg#myfont') format('svg');
font-weight: normal;
font-style: normal;
}

I jeszcze jedno: pobieraj fonty z osobnej sub-domeny (np.
cdn.mojadomena.pl, gdzie URL wskazuje na fonty czy tam inną zawartość
statyczną), bo ściągane fonty w IE do 9-tki blokują ładowanie strony
dopóki się same nie ściągną. To często spowalnia ładowanie się strony.

--
Cezary Tomczyk
http://www.ctomczyk.pl/