2012-09-03 2 views
7

Ich dachte daran, Font-Squirrels-Schriften in meiner Rails-App mit @ font-face zu verwenden. Hoffe, das ist der richtige Weg, es zu erklären. Ich bin relativ neu in dieses so hoffte, dass jemand auf raten könnte, wie ich bekommen würde dies so@ font-face rails 3.2

Antwort

23

OK

Dank in der Rails-Anwendung arbeiten dachte, ich würde die Antwort geben, so kann es andere Menschen hilft, in meine Situation. Ich googeln es einfach und setzen alle Teile zusammen, ich war faul/Angst vor dem Unbekannten auf diesen einen so Entschuldigungen für that.Just es wirklich versucht, hilft Verständnis

Wie dem auch sei

1) Erstellen Sie einen Ordner namens Fonts in app/Vermögen
2) setzen Sie alle svg .eot .woff ttf in diesem Ordner
3) in config/die folgende

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

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

4) in Ihrer Anwendung Sheets application.rb setzen Sie Ihren Platz @ Schriftschnittstile, zum Beispiel

@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) Dann, wo Sie die Schrift nur font-family verwenden wie normale 6) Oh, und starten Sie den Server verwenden möchten, sie alle zusammen zu bringen :)

+0

sehr cool, danke für den Austausch! – alf

+0

kein Problem, es ist schön, in der Lage sein, zur Abwechslung zu helfen :) – Richlewis

+0

Danke, super hilfreich – kateray