2012-09-03 4 views
7

Stavo pensando di provare a usare i font font-squirrels nella mia app rails usando @ font-face. Spero che questo sia il modo corretto di spiegarlo. Sono relativamente nuovo a questo qualcuno così sperava potesse consigliare su come vorrei arrivare a questo lavoro all'interno della app rotaie@ font-face rails 3.2

Grazie

risposta

23

OK così abbiamo pensato che vorrei dare la risposta in modo che possa aiutare altre persone in la mia situazione. Ho appena googled esso e messo insieme tutti i pezzi, mi veniva pigro/paura dell'ignoto su questo così scuse per that.Just provando davvero aiuta la comprensione

Comunque

1) Creare una cartella denominata Font in app/attività
2) mettere tutti svg .eot .woff .ttf all'interno di questa cartella
3) in config/application.rb inserire il seguente

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

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

4) nei vostri fogli di stile applicazione si posiziona il @ stili di carattere, ad esempio

@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) Quindi, ovunque si desidera utilizzare il tipo di carattere basta usare font-family come normale 6) Oh, e riavviare il server per portare tutti insieme :)

+0

molto bello, grazie per la condivisione! – alf

+0

nessun problema, è bello essere in grado di aiutare per un cambiamento :) – Richlewis

+0

Grazie, super utile – kateray