css font-face hành

Question

Hi guys Tôi có mã này trong file css của tôi từ máy phát điện @fontsquirrel

/// thay đổi mã để nó như thế nào bây giờ ///

@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; 
} 

đây là được lưu trữ trong một thư mục có tên là css và các phông chữ được lưu trữ trong một thư mục có tên phông chữ.

tôi không thể có được điều này để làm việc khi trong trang html Tôi gọi đó là ví dụ

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

Tôi không thể làm việc ra những gì tôi đang làm sai gì cả.

Bất kỳ ý tưởng nào?

nhờ ở stu trước

//// bây giờ tôi đã thay đổi tất cả để url (' ../fonts/adlib vv và nó vẫn không hoạt động Tôi xem trước ở địa phương -. Là nó này ?

Answer 1

tôi đã gặp vấn đề với font-face nơi URL bắt đầu với một '/' - thử chỉnh sửa URL src là một URL có liên quan:

ví dụ

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

(rõ ràng chỉ vào chính xác gấp er location)

Answer 2

có thể là một vấn đề với đường dẫn, thư mục phông chữ nằm ở đâu trong tệp css?

nếu thư mục font trong thư mục css bạn nên sử dụng các đường dẫn sau:

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

nếu nó bên cạnh bản đồ css bạn cần sử dụng đường dẫn sau:

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

../ được sử dụng để quay lại một thư mục