如何在css中鏈接.ttf字體在rails中？

Question

我在我的rails項目（/app/assets/fonts/font.ttf）中有一個自定義字體。這個文件夾實際上是否包含在rails中？

我該如何在我的css中鏈接它？我嘗試了一些東西，但都沒有工作（「字體」，「font.ttf」，文件的完整路徑等）。我已經查看了rails文檔，但是我沒有找到這方面的內容。

Answer 1

默認情況下，{app | lib | vendor}/assets中存儲的任何內容均應通過資產管道提供。你有沒有試過http://my.server/assets/font.ttf？ （所有的資源文件而不管下/資產的子目錄結構的將可從/資產/ {文件名}例如

• 應用程序/資產/ Javascript角/ my_js_file.js =>http://my.server/assets/my_js_file.js
• 應用程序/資產/樣式表/ style.css的=>http://my.server/assets/style.css

注意，您可以使用青菜或ERB來幫助生成您的樣式表（如果你的樣式表被命名爲style.css.sass或style.css.erb那麼資產管道將運行SASS/erb解析器首先在文件中）然後有一個助手可用，請參閱asset pipeline rails guide

最後這裏是我使用的一個網站，我以後

@font-face { 
    font-family: 'vegurRegular'; 
    src: url('/assets/vegur-r_0.602-webfont.eot'); 
    src: local('☺'), url('/assets/vegur-r_0.602-webfont.woff') format('woff'), url('/assets/vegur-r_0.602-webfont.ttf') format('truetype'), url('/assets/vegur-r_0.602-webfont.svg#webfontlYuAwLPv') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

看看其中的字體文件存儲在供應商/資產/字體的CSS的@ font-面部的條目的實際例子