7

好吧,我正在使用“font-awesome-rails”gem。我非常习惯于在 Rails 之外使用令人敬畏的字体,但我想它在 Rails 社区中并不那么受欢迎。

安装后,它会使用以下格式创建图标

<i class="nameoftheicon"> </i>

我想将它用于我的网站徽标,该徽标将由 font-awesome 中的图标和一些文本组成。所以我尝试了:

<%= link_to "", root_path, class: "icon-puzzle-piece icon-2x" %>
<%=  link_to "My site", root_path, id: 'logo'  %>

它有效,但是当我悬停时,它们充当两个不同的元素。

  1. Rails 将图像和文本组合在一个<a>标签下的方式是什么。

  2. 是否有任何流行的 Rails 替代字体真棒?

4

5 回答 5

24

传递一个块到link_to该块将被链接

<%= link_to path, id: "logo" do %>
  <i class="icon-puzzle-piece icon-2x"></i>
  My Super Site
<% end %>
于 2013-06-05T18:51:41.687 回答
6

试试看,

您可以在 link_to 中直接提及 rails image_tag,

<%= link_to image_tag("image_name")+"your text", root_path, :class=>"icon-puzzle-piece icon-2x" %>
于 2013-06-06T05:41:56.867 回答
2

Yes you can. For complex anchor such as images, just remove the first argument(the link text or anchor), and attach a block after the method.

link_to(root_path){<i class="icon"></i>}

The content inside block will become the anchor.

于 2013-06-05T18:23:53.460 回答
0

嘿,伙计们,这是链接带图像的好方法(它有很多道具,以防你想要 css 属性,例如替换“alt”或“title”等)

<%= link_to image_tag("#{request.ssl? ? @image_domain_secure : @image_domain}/images/linkImage.png", {:alt=>"Alt title", :title=>"Link title"}) , "http://www.site.com"%>

希望这可以帮助!

于 2013-09-25T19:44:37.877 回答
0

是的,您使用矢量字体作为图像,但您也可以使用 image_tag,例如:

<%= link_to user_root_path, :class=> "user" do
      image_tag("image.jpg", :alt => current_user.name) +
      t("dashboard.my_account")
    end %>

不要忘记用“+”将它们链接在一起

于 2015-04-16T17:20:28.417 回答