2012-09-03 25 views
7

Tôi đã nghĩ đến việc cố gắng sử dụng phông chữ-squirrels phông chữ trong ứng dụng đường ray của tôi bằng cách sử dụng @ font-face. Hy vọng đây là cách giải thích đúng. Tôi tương đối mới này một người nào đó nên đã hy vọng có thể tư vấn về làm thế nào tôi sẽ có được điều này để làm việc trong ứng dụng đường ray@ font-face rails 3.2

Cảm ơn

Trả lời

23

OK để nghĩ tôi sẽ cung cấp cho câu trả lời vì thế nó có thể giúp đỡ người khác trong hoàn cảnh của tôi. Tôi chỉ googled nó và đặt tất cả các mảnh lại với nhau, tôi đã lười biếng/sợ chưa biết về cái này nên xin lỗi cho that.Just cố gắng nó thực sự giúp hiểu biết

Dù sao

1) Tạo một thư mục có tên phông chữ trong ứng dụng/tài sản
2) đặt tất cả svg .eot .woff .ttf trong thư mục này
3) trong config/application.rb đặt sau

# Add the fonts path 
config.assets.paths << "#{Rails.root}/app/assets/fonts" 

# Precompile additional assets 
config.assets.precompile += %w(.svg .eot .woff .ttf) 

4) trong stylesheets ứng dụng của bạn, bạn đặt của bạn @ kiểu phông chữ, ví dụ:

@font-face { 
font-family: 'DearestRegular'; 
src: url('Dearest-webfont.eot'); 
src: url('Dearest-webfont.eot?#iefix') format('embedded-opentype'), 
    url('Dearest-webfont.woff') format('woff'), 
    url('Dearest-webfont.ttf') format('truetype'), 
    url('Dearest-webfont.svg#DearestRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

5) Sau đó, bất cứ nơi nào bạn muốn sử dụng phông chữ chỉ cần sử dụng font-family như bình thường 6) Oh và khởi động lại máy chủ để mang nó tất cả cùng nhau :)

+0

rất tuyệt, cảm ơn bạn đã chia sẻ! – alf

+0

không có vấn đề, tốt đẹp của nó để có thể giúp đỡ cho một sự thay đổi :) – Richlewis

+0

Cảm ơn, siêu hữu ích – kateray

Các vấn đề liên quan