Я использую стандартное семейство шрифтов Bootstrap v4.4.1 и не могу понять, почему тег i
не получает семейство шрифтов :root
из bootstrap. css файл
Мой частичный просмотр:
<nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
<div class="collapse navbar-collapse">
<ul class="navbar-nav mr-auto">
<%= link_to new_supplier_model_path do %>
<li><i class="fas fa-plus nav-item nav-link"> New Supplier Model</i></li>
<% end %>
</ul>
<ul class="navbar-nav ml-auto">
<%= link_to root_path do %>
<li><i class="fas fa-filter nav-link nav-item"> Filter</i></li>
<% end %>
</ul>
</div>
</nav>
Файл bootstrap. css, где :root
:
:root {
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
В браузере текст в теге <i>
есть Helvetica. Есть идеи, как включить тег <i>
в селектор :root
?