Эта страница на официальном сайте mongodb адресует точно этот вопрос:
http://docs.mongodb.org/ecosystem/tutorial/model-data- for-ruby-on-rails /
Когда мы показываем наш список историй, нам нужно будет показать имя пользователя, разместившего историю. Если бы мы использовали реляционную базу данных, мы могли бы выполнить соединение с пользователями и магазинами и получить все наши объекты в одном запросе. Но MongoDB не поддерживает объединения, и поэтому время от времени требуется бит денормализации. Здесь это означает кеширование атрибута «имя пользователя».
Реляционные пуристы уже чувствуют себя неловко, как будто мы нарушаем какой-то универсальный закон. Но давайте иметь в виду, что коллекции MongoDB не эквивалентны реляционным таблицам; каждая из которых служит уникальной проектной цели. Нормализованная таблица обеспечивает атомный изолированный кусок данных. Однако документ более тесно представляет собой объект в целом. В случае сайта социальных новостей можно утверждать, что имя пользователя является неотъемлемой частью истории, опубликованной.
Вы можете изменить font-awesome.css и изменить код внутри класса fa-chevron-right
на другой значок, или просто в другом файле CSS добавить класс fa-chevron-right
и добавить необходимый код для отображения значка Вы хотите, но вы должны быть уверены, что новый файл CSS объявлен после файла с отличным шрифтом.
Чтобы переопределить значок Fontawesome, требуется код символа fa-plus-square
.
код символа плюс квадрат - f0fe
. вам просто нужно переопределить fa-chevron-right:before
этим.
span.arrow > i.fa.fa-chevron-right:before {
content: "\f0fe";
}
Полный фрагмент:
span.arrow > i.fa.fa-chevron-right:before {
content: "\f0fe";
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous">
<div class="footer-text">
<h4 itemprop="name">LOREM IPSUM</h4>
<p class="text" itemprop="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa...</p>
<span class="arrow"><i class="fa fa-chevron-right"></i></span>
</div>