2010-09-22 15 views
6

Merhaba adamlar sorunlarıcss font-face @fontsquirrel jeneratörden benim css dosyasında Bu kodu vardır

nasıl kendisine kod değişti ///

şimdi bu

@font-face { 
font-family: 'AdLibRegular'; 
src: url('../fonts/adlib-webfont.eot'); 
src: local('☺'), url('../fonts/adlib-webfont.woff') format('woff'), 
     url('../fonts/adlib-webfont.ttf') format('truetype'), 
     url('../fonts/adlib-webfont.svg#webfontmAc00Ivp') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

.AdLib { 
     font-weight: normal; 
     font-style: normal; 
     line-height:normal; 
     font-family: 'AdLibRegular', sans-serif; 
} 

olduğunu /// olduğunu css adlı bir klasörde saklanır ve yazı tipleri font olarak adlandırılan bir klasörde saklanır.

ben html sayfası ben örnek

<h1 class="AdLib">Testing Testing 1 2 3</h1> 

ben hiç yanlış yapıyorum ne çalışamaz için aradığım zaman bu işe alınamıyor.

Herhangi bir fikrin var mı? peşin stu

sayesinde

//// şimdi url (' ../fonts/adlib vb hepsini değişti ve hala ben yerel olarak önizleme ediyorum çalışmıyor -. işte bu ?

+0

tarayıcınızı http://yousite.com/fonts/adlib-webfont.woff adresine yönlendirirseniz ne alırsınız? – Frankie

+0

dosya indiriliyor ... –

+0

FRankie - bu sadece diğer dosyalar var olsa da .woff için çalışıyor ancak erişmeye çalıştığımda bir hata sayfasına gider :) –

cevap

0
URL ile başlar nerede font-face ile ilgili sorunlar yaşamanıza

bir '/' - göreli bir URL olması için src URL'sini düzenlemeyi deneyin:

örn

@font-face { 
font-family: 'AdLibRegular'; 
src: url('../fonts/adlib-webfont.eot'); 
} 

(besbelli doğru katlamak

+2

* göreceli * URL,// ​​ile başlayan bir ** mutlak ** URL ile başlar ve sitenizin kökü işaret eder. – Frankie

+0

Oops, tabii ki - düzenlenir. Yine de geçmişte yazı tipi-yüz ve mutlak URL'lerle ilgili sorun yaşadığına eminim. – whostolemyhat

+5

('/ foo', göreceli bir URL’dir - köklü bir göreli URL'dir. * Mutlak * URL, başlangıçtaki şemadaki URL’yi içerir,' http: // ... ') – bobince

8

yolu ile ilgili bir sorun olabilir, css dosyasına göre bulunan yazı tipi klasörü nerede?

yazı klasörü aşağıdaki yolunu kullanması gerekir css klasöründe ise:

src: url('../fonts/adlib-webfont.eot'); 

../: Eğer aşağıdaki yolu kullanmak gerekir css haritanın yanındaki eğer

src: url('fonts/adlib-webfont.eot'); 

+0

Bunu yaptım ama hala çalışmıyor. @ Font-face, üstte css dosyasında ve .AdLib sınıfı, altta aynı css dosyasındadır :) çok şaşırtıcı. –

+0

klasörün yalnızca font değil, font olarak adlandırıldığından emin misiniz? yazdığım yazım hatası :), btw'yi yerel sunucu olarak kullanıyorsunuz? wamp veya xamp? – Christophe