Rails: À L'Aide De La Police Impressionnant

Question

Rails: À L'Aide De La Police Impressionnant

Demandé el 15 de Juin, 2012: Quand la question a-t-elle été
18833 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Mon web designer m'a fourni avec la mise à jour des polices/icônes qui ont été ajoutés à la police impressionnant - il placé dans un dossier polices. J'ai aussi été donné à la police-génial.fichier css.

J'ai copié le dossier fonts dans mes actifs directement et de mettre font-awesome.css actif/feuilles de style.

Le css est référencé correctement dans mon code, mais aucun des icônes dans le dossier de police chargés.

Est-il quelque chose que je dois faire afin d'assurer que tout est correctement chargé et/ou que le dossier des polices est référencé?

Demandé el 15 de Juin, 2012 par user464180

Answer 1

5 Réponses

Answer 2

126voto

vicoar Points 1058

d'abord: ajouter app/assets/polices à l'actif du chemin d'accès (config/application.rb)

config.assets.paths << Rails.root.join("app", "assets", "fonts")

puis déplacer les fichiers de police dans /actif/fonts (créer le dossier en premier)

Maintenant renommer le font-awesome.css font-awesome.css.scss.erb et de le modifier comme ceci: changement:

@font-face {
  font-family: "FontAwesome";
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome')    format('svg');
  font-weight: normal;
  font-style: normal;
}

pour cela:

@font-face {
  font-family: "FontAwesome";
  src: url('<%= asset_path("fontawesome-webfont.eot") %>');
  src: url('<%= asset_path("fontawesome-webfont.eot") + "?#iefix" %>') format('eot'), url('<%= asset_path("fontawesome-webfont.woff") %>') format('woff'), url('<%= asset_path("fontawesome-webfont.ttf") %>') format('truetype'), url('<%= asset_path("fontawesome-webfont.svg") + "#FontAwesome" %>') format('svg');
  font-weight: normal;
  font-style: normal;
}

Enfin: vérifier que toutes les ressources sont correctement chargé (avec Firebug ou Chrome Inspecteur)

Répondu el 15 de Juin, 2012 par vicoar (1058 Points )

Answer 3

50voto

nathanvda Points 25878

Il existe maintenant un moyen plus facile, il suffit d'ajouter gem "font-awesome-rails" votre Gemfile et exécuter bundle install.

Puis dans votre application.css, inclure le fichier css:

/*
 *= require font-awesome
 */

Il comprend le font-awesome dans votre asset pipeline automatiquement. Fait. Commencer à l'utiliser :)

Pour plus d'informations, consultez le font-awesome-rails de la documentation.

Répondu el 23 de Juillet, 2013 par nathanvda (25878 Points )

Answer 4

21voto

Guillermo Siliceo Trueba Points 533

Je vous offre une autre réponse, dans celui-ci, vous n'aurez pas à vous soucier de pierres ou de chemins d'accès ou l'un de ces excès de solutions. Il suffit de coller cette ligne dans votre application.html.erb (ou autre fichier de votre mise en page est)

<head>
...
<link href="http://stackoverflow.com//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>

Répondu el 23 de Mars, 2014 par Guillermo Siliceo Trueba (533 Points )

Answer 5

1voto

Tony Points 362

J'ai essayé vicoar , mais il ne fonctionne pas sur mon projet basé sur ruby 1.9.3 et les rails 3.2. Puis-je renommer le nom de fichier "font-awesome.css" à "font-awesome.css.erb" et changer le @font-face à cela:

@font-face {
  font-family: "FontAwesome";
  src: url(<%= asset_path 'fontawesome-webfont.eot' %>);
  src: url(<%= asset_path 'fontawesome-webfont.eot' + '?#iefix' %>) format('eot'), url(<%= asset_path 'fontawesome-webfont.woff' %>) format('woff'), url(<%= asset_path 'fontawesome-webfont.ttf' %>) format('truetype'), url(<%= asset_path 'fontawesome-webfont.svg' + '#FontAwesome' %>) format('svg');
  font-weight: normal;
  font-style: normal;
}

Il fonctionne très bien, et le code est très simple...(vous pouvez consulter le guide asset_pipeline

Répondu el 15 de Août, 2012 par Tony (362 Points )

Answer 6

0voto

Tom Points 126

Pour les rails 3.2.* une solution rapide:

1) Mettre la police impressionnant de fichiers dans un dossier "fonts" dans le dossier public 2) Ouvrez font-awesome.css et changer les 4 entrées pour "../fonts" de "/fonts" en haut du fichier

@font-face
{
     font-family:'FontAwesome';
     src:url('/fonts/fontawesome-webfont.eot?v=3.2.1');
     src:url('/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') 
     format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff?v=3.2.1') 
     format('woff'),url('/fonts/fontawesome-webfont.ttf?v=3.2.1') 
     format('truetype'),url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') 
     format('svg');
     font-weight:normal;
     font-style:normal;
}
[class^="icon-"],[class*=" icon-"]
{
     font-family:FontAwesome;
     font-weight:normal;
     font-style:normal;
     text-decoration:inherit;
     -webkit-font-smoothing:antialiased;
     *margin-right:.3em;
}

Répondu el 4 de Mars, 2014 par Tom (126 Points )

Rails: À L'Aide De La Police Impressionnant

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Rails: À L'Aide De La Police Impressionnant

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: