Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Как изменить иконочный шрифт


Recommended Posts

Нужно в шапке магазина возле ссылок установить иконки "Themify". Для этого 

загрузил в default/stylesheet/fonts файл themify-icons.css 

в файле header.tpl в в разделе <head> добавил
<link href = "http://мой сайт.com/themify-icons.css" rel = "stylesheet">

далее прописал иконку в строке так  <li><a href="/dostavka" title="Бесплатная доставка">Экспресс доставка<span class = "ti-ti-truck"></span></a></li>

Но к сожалению на странице иконка не видна. Подскажите пожалуйста, что я делаю не так?

Link to post
Share on other sites

Извиняюсь  <i class="fa fa-truck" aria-hidden="true"></i> выводит "Fontawesome", а мне нужен  "Themify". На мой взгляд он больше подходит к дизайну. 

Edited by Helper
Link to post
Share on other sites

Подскажите пожалуйста, как решить проблему.

Link to post
Share on other sites

В ридми написано
 

Цитата

HOW TO USE IT:

1) Upload the ‘themify-icons.css’ file and ‘fonts’ folder to your server

2) Add the CSS file into the <head> section of your site:
<link href="http://yoursite.com/themify-icons.css" rel="stylesheet">

3) Add the icon markup in your page:
<span class="ti-download"></span>

 

  • +1 1
Link to post
Share on other sites

В том то и дело, я это сделал, но результат нулевой. Тут ещё вопрос в том что папка  ‘fonts’ находится в нескольких местах

view/javascript/bootstrap/fonts/

view/javascript/font-awesome/fonts/

view/theme/default/stylesheet/fonts/

хотя я везде залил themify-icons.css но это ничего не изменило. Возможно для oc store ещё что-то нужно сделать?

Link to post
Share on other sites

@Helper  помоему вы себе гемор устроили
..следом и строчки вывода менять во всём шаблоне

1 час назад, Helper сказал:

Извиняюсь  <i class="fa fa-truck" aria-hidden="true"></i> выводит "Fontawesome", а мне нужен  "Themify". На мой взгляд он больше подходит к дизайну. 

Вот их <i class="fa fa-truck" aria-hidden="true"></i>  и меняйте теперь ,
на подобные  <span class="ti-fullscreen"></span>

Link to post
Share on other sites

В header.tpl я меняю но иконки не видны. Возможно в каком-то css файле нужно что-то прописать?

Link to post
Share on other sites

  • 2 months later...

Подскажите пожалуйста, на сколько безопасно скачивать иконки для обновления с этого сайта?

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.