Расширение шрифта Awesome

Question

Я использую шрифт Awesome на веб-сайте.

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

Когда я смотрю на шрифт-удивительный значок, казалось бы, что его содержание устанавливается следующим CSS:

.icon-dashboard:before 
{ 
    content: "\f0e5"; 
} 

, а затем создается иконка выглядит следующим образом:

<a href="#"><i class="icon-dashboard></i></a> 

тем не менее, если у меня есть .png изображение и попытаться использовать его таким же образом, это не похоже на работу:

.icon-network:before 
{ 
    content: url("images/network-icon.png"); 
} 

Это дзю st показывает пустое изображение. Что мне здесь не хватает?

Answer 1

Если на экране отображается пустое изображение, это означает, что ваш путь отключен. Путь относится к вашему файлу CSS. Проверьте свойства в своем браузере, где изображение пытается извлечь, и это поможет вам диагностировать проблему.