Потрясающие иконки шрифтов

Я видел несколько сообщений об этом, и, надеюсь, это будет быстрым решением для большинства людей здесь. Я купил шаблон, который мне нравится, я сделал много модов для него, и я новичок в веб-разработке и очень новичок в шрифтах awesome. Я хотел бы заменить значки шрифтов awesome своими собственными - я вижу, что есть способы / очень сложные способы добавления в библиотеку шрифтов awesome, но сейчас это далеко за пределами моих знаний.

Это html:

Мы любим технологии

Мы решаем бизнес-задачи с помощью интеллекта. Мы используем передовые технологии и передовое мышление, чтобы воплощать бренды в жизнь в Интернете и управлять поведением потребителей.

Bluetooth

Мы решаем бизнес-задачи с помощью интеллекта. Мы используем передовые технологии и передовое мышление, чтобы принести.

Airdrop

Мы решаем бизнес-задачи с помощью интеллекта. Мы используем передовые технологии и передовое мышление, чтобы принести.

NFC Enabled

Мы решаем бизнес-задачи с помощью интеллекта. Мы используем передовые технологии и передовое мышление, чтобы принести.

Quick Response

Мы решаем бизнес-задачи с помощью интеллекта. Мы используем передовые технологии и передовое мышление, чтобы принести.

</div>
<!--/Container -->

</section>

Я хотел бы добавить свои собственные изображения, поскольку они не существуют в каталоге шрифтов awesome - можно с уверенностью предположить, что я буду помещать изображения в папку с изображениями, то есть путь /img/blutooth.png

Может ли кто-нибудь показать мне, как это сделать?


icons html fonts glyph
person Community    schedule 29.12.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

В любом случае нет причин даже использовать FontAwesome для этого. Просто сделайте то, что вы сказали, а именно создайте изображения, которые вы хотите использовать в качестве значков (например, images/icon-new.png), и вставьте их как простые изображения, например...

<li class="element_fade_in">
    <img src="images/icon-new.png class="icon-wrench">
<h5>Airdrop</h5>
<p>We tackle business problems with intelligence. We use cutting-edge tech and cutting-edge thinking to bring.</p>                
</li>

затем используйте класс CSS (icon-wrench для приведенного примера), который вы использовали, чтобы правильно расположить его и изменить размеры.

person durbonas    schedule 29.12.2013

arrow_upward
0
arrow_downward

Есть способ делать собственные иконки, но не менее 49 долларов в год. В Font Awesome есть что-то под названием Fort Awesome, которое позволяет вам получить/сделать:

<сильный>1. Загрузить логотип

<сильный>2. Пользовательские значки

<сильный>3. Наборы значков

<сильный>4. Набор ресурсов шрифта

<сильный>5. Наборы/типографские шрифты

<сильный>6. Библиотека значков

Я думаю, что это работает с Bootstrap, потому что Font Awesome работает. У меня его нет, но звучит круто. Я думаю, что это может быть решением вашей проблемы, потому что я предполагаю, что его не сложно использовать.

person Swift    schedule 24.04.2016