2012-09-03 10 views
7

Estaba pensando en intentar usar las fuentes font-squirrels en la aplicación de mis rieles con @ font-face. Espero que esta sea la forma correcta de explicarlo. Soy relativamente nuevo en este modo esperaba que alguien podría asesorar sobre cómo iba a conseguir que esto funcione dentro de la aplicación rieles@ font-face rails 3.2

Gracias

Respuesta

23

bien así que pensé que le daría la respuesta por lo que puede ayudar a otras personas en mi situación. Acabo buscado en Google y poner todas las piezas juntas, que estaba siendo perezoso/miedo de lo desconocido en este caso de manera disculpas por that.Just tratando realmente ayuda a la comprensión

De todos modos

1) Crear una carpeta llamada fuentes en app/activos
2) poner todos SVG .eot .woff .ttf dentro de esta carpeta
3) en config/application.rb ponga la siguiente

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

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

4) en sus hojas de estilo de aplicación de colocar el @ estilos de estilo de fuente, por ejemplo

@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) A continuación, dondequiera que usted quiera utilizar la fuente sólo tiene que utilizar la fuente familiar con normalidad 6) Ah, y reiniciar el servidor para ponerlo todo junto :)

+0

muy bueno, gracias por compartir! – alf

+0

no hay problema, es bueno poder ayudar con un cambio :) – Richlewis

+0

Gracias, super útil – kateray

Cuestiones relacionadas