2013-05-01 5 views
1

Я пытаюсь загрузить некоторые дополнительные шрифты в моем приложении рельсы с помощью:asset_path - шрифты не применяется

  1. JRuby 1.7.3
  2. Rails 3.2.13

CSS-код (его тип является css.scss.erb) документ находится в приложение/активы/Стили/пользовательские/ папку и выглядит следующим образом:

@font-face { 
    font-family: 'Lato'; 
    font-style: normal; 
    font-weight: 300; 
    src: url('<%= asset_path('/fonts/Lato-Light.woff') %>') format('woff'); 
} 
@font-face { 
    font-family: 'Lato'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('<%= asset_path('/fonts/Lato-Regular.woff') %>') format('woff'); 
} 
@font-face { 
    font-family: 'Lato'; 
    font-style: normal; 
    font-weight: 700; 
    src: url('<%= asset_path('/fonts/Lato-Bold.woff') %>') format('woff'); 
} 

Файл шрифтов находится в приложении lib/assets/fonts папка. Я добавил следующие строки в моем application.rb файла:

config.assets.paths << Rails.root.join('lib', 'assets', 'fonts') 

Я не получаю сообщение об ошибке запроса, поэтому я полагаю, что мои шрифты отображаются в веб-страницы, но они не применяются. Это путь, который asset_path метод создает в файле CSS результат:

enter image description here

Кто-нибудь знает, что я делаю не так?

+1

взглянуть на это для установки @fontface в рельсах http://stackoverflow.com/questions/12253146/font-face- rails-3-2/12253606 # 12253606 – Richlewis

+0

@Richlewis спасибо Я нашел решение там. – gotqn

ответ

2

Как я прочитал с Rails 3.1:

Общая папка больше не поддерживаемое место для CSS, изображений и шрифтов, вместо этого они живут в приложении/активы/* и поставщик/активы/* папки.

Таким образом, чтобы установить новые шрифты, я следовал шаги:

  1. скачать желание шрифта из http://www.google.com/fonts
  2. конвертировать каждый файл - http://www.fontsquirrel.com/tools/webfont-generator
  3. копировать все * .eot , * .svg, * .ttf, * .woff файлы в/vendor/assets/fonts папка
  4. создать файл fonts.css.scss в каталоге/assets/stylesheets/custom/folder следующим образом:
@font-face { 

font-family: 'RobotoCondensed'; 
src: asset-url('robotocondensed-regular-webfont.eot', 'font'); 
src: asset-url('robotocondensed-regular-webfont.eot?#iefix', 'font') format('embedded-opentype'), 
asset-url('robotocondensed-regular-webfont.woff', 'font') format('woff'), 
asset-url('robotocondensed-regular-webfont.ttf', 'font') format('truetype'), 
asset-url('robotocondensed-regular-webfont.svg#roboto_condensedbold','font') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

Источник: http://spin.atomicobject.com/2011/09/26/serving-fonts-in-rails-3-1/

Смежные вопросы