如何在 Rails 中选择 Google 字体？

Question

我想在 rails 中创建一个表单，将所有 Google 字体作为选项，如下所示：

<input .../>
    <datalist>
        <% @font.each do |font| %>
            <option><%= font %></option>
        <% end %>
    </datalist>
</input>

因此用户可以选择要在 CSS 中加载的选项。

这可能吗？

Answer 1

不建议在数据库中保存字体。

相反，您可以使用 javascript 来实现。

在您各自的控制器中，提供字体哈希。

在控制器中

@fonts = {"arial" => "'Arial', sans-serif", "verdana" => "'Verdana', sans-serif"}

在您看来

<select id="select-font">
  <% @fonts.each do |key, value| %>
    <option value=<%= value %>><%= key.capitalize %></option>
  <% end %>
</select>

在javascript(jQuery)

$(document).ready(function() {
  $("#select-font").on("change", function() {
    $("body").css("font-family" : $("#select-font").value);
  });
});

How could I make a Google Font selection in Rails?