2010-09-10 39 views
5

Tôi đã phát triển một dự án PHP. Trong này tôi muốn thực hiện phong cách font chữ trong Wendy Medium. Nhưng tôi không biết cách cài đặt phông chữ này trong máy chủ của mình.Cài đặt phông chữ vào Máy chủ

Có ai biết cách thực hiện việc này không?

Xin cảm ơn trước.

+5

Bạn không nên chỉ phục vụ phông chữ tùy ý cho trang web của bạn - có ý nghĩa pháp lý cho việc này. Hầu hết các phông chữ hiện không đi kèm với giấy phép nhúng khi mua. –

+1

Trừ khi bạn đang sử dụng PHP để tạo hình ảnh dựa trên phông chữ (có thể), câu hỏi này không liên quan gì tới PHP và nên được gắn thẻ lại. – TRiG

Trả lời

14

Bạn có thể sử dụng CSS 3 để sử dụng phông chữ của riêng mình trên trang HTML/PHP. Để làm điều này, bạn phải làm một cái gì đó như thế này:

@font-face { 
    font-family: WendyMedium; 
    src: url(‘path/to/your/font/file.ttf’); 
} 

Bạn có thể sử dụng font chữ này sau đó với dòng folowing mã:

p { font-family: WendyMedium, Arial, sans-serif; } 

Lưu ý rằng đây chỉ được hỗ trợ bởi webbrowsers thực (Chrome , Safari, Firefox, v.v.). Bạn cũng cần có giấy phép để sử dụng phông chữ đó trên trang web của bạn.

+4

Gotta thích ví dụ "webbrowsers thực". Để lại IE ra khỏi hộp một lần nữa! : D – jolt

+2

+1 cho câu trả lời đúng, nhưng -1 cho "webbrowsers thực". Dissing IE (và không đề cập đến cách giải quyết để làm cho mọi thứ hoạt động tốt nhất có thể) đã trở nên gần như mệt mỏi như thiếu sót của IE. [Ở đây] (http://stackoverflow.com/questions/3082835/css-font-face-not-working-in-ie) là một câu hỏi SO về cách hỗ trợ IE cũng như –

+0

@Pekka Hoặc phát hiện IE và tự động chuyển tiếp người dùng tải xuống trang Chrome và không bao giờ cảm thấy mệt mỏi nữa. – Andrew

1

Ngoài câu trả lời của wgriffioen: website này cho phép bạn tạo một javascript hoạt động tương tự. Nó cũng hoạt động trong IE7/8.

3

Chỉ trong trường hợp có bất kỳ sự nhầm lẫn nào, để sử dụng phông chữ cho trang web bạn đã tạo thông qua PHP, phông chữ cần được cài đặt trên máy của người dùng cuối chứ không phải máy chủ web của bạn.

Như đã đề cập trong các câu trả lời khác, CSS3 cung cấp cách để bạn lưu trữ tệp phông trên máy chủ của mình (giống như bất kỳ tệp nào khác) và tham chiếu nó trong CSS, cho phép trình duyệt của người dùng tải xuống và hiển thị văn bản trang trong phông chữ đó.

Tuy nhiên, như đã đề cập trong nhận xét của Yi Yang, điều này thường không được phép theo giấy phép của phông chữ. Bạn sẽ muốn kiểm tra xem cách thức và cách thức điều này được phép đối với Wendy Medium - có thể xem tại đây: http://www.ascenderfonts.com/font/wendy-lp-family-3-fonts.aspx

0

FontSquirrel có thể thực hiện chính xác những gì bạn muốn :) Hoạt động trên hầu hết các trình duyệt.

1

Đây là giải pháp của tôi:

@font-face { 
    font-family: 'IlMioFont'; 
    src: url('ballpark_weiner.eot'); /* IE6+ */ 
    src: local('Ballpark'), 
     local('IlMioFont'), 
     url('ballpark_weiner.woff') format('woff'), /* FF3.6 */ 
     url('ballpark_weiner.ttf') format('truetype') /* Saf3+,Chrome,Opera10+ */ 
    ; 
} 
Các vấn đề liên quan