Как я могу правильно отображать шрифты значков для дизайна материалов?

Question

Я изо всех сил пытаюсь понять, что мои иконки не отображаются.

меня включить путь к нему, как этот

<link href="material/vendors/material-icons/material-design-iconic-font.min.css" rel="stylesheet"> 

Это мой результат

Это то, что я хочу достичь

Это все в моем м у папки

Может кто-то пожалуйста, скажите мне, что я сделал не так?

---

Update

HTML

<ul class="main-menu"> 
    <li class="active"><a href="/"><i class="md md-home"></i> Home</a></li> 
    <li><a href="/web-directory"><i class="md md-format-underline"></i> Web Directory </a></li> 
</ul> 

Answer 1

Выглядит как ссылку на CSS файл не является правильным.

Попробуйте использовать полный URL к файлу CSS:
<link href="www.yoursite.com/material/vendors/material-icons/material-design-iconic-font.min.css" rel="stylesheet">
И убедитесь, что URL является правильным, открыв его в браузере.

Также вам нужно проверить свою версию шрифта, потому что есть some changes в именах классов css с момента выпуска 2.0.