Can't figure out font icons?

N

Name Imechko2015-10-16 11:04:58

css

Name Imechko, 2015-10-16 11:04:58

I downloaded the fontawesome.veliovgroup.com kit from this site Placed the font
files in D:\WebServer\OpenServer\domains\test\system\fonts\icon\
Placed the CSS file in D:\WebServer\OpenServer\domains\test\system\ css file fonts.css

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
  <meta name="keywords" content="keywords, keywords, keywords, keywords, keywords, keywords">
  <meta name="description" content="description">
  <link rel="stylesheet" type="text/css" href="/system/css/main.css">
  <link rel="stylesheet" type="text/css" href="/system/css/fonts.css">
  <link rel="shortcut icon" type="image/x-icon" href="/system/img/favicon.ico">
  <title>Сайт</title>
</head>
<body>

<div class="head">
  <div class="header">
    <div class="logo">Сайт</div>
    <div class="nav">Сервисы Меню Профиль</div>
  </div>
</div>

<div class="content"><p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p></div>

</body>
</html>

html, body {
  margin: 0;
  padding: 0;
  background-color: #eee;
  font-family: 'Regular', Arial, sans-serif;
  font-size: 20px;
  color: #5bc0de;
}

.head {
  height: 80px;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.header {
  height: 80px;
  width: 1200px;
  margin: 0 auto;
}

.logo {
  float: left;
  font-size: 42px;
  line-height: 80px;
}

.nav {
  float: right;
  font-size: 24px;
  line-height: 80px;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/system/fonts/icon/fontawesome-webfont.eot?v=4.4.0');
  src: url('/system/fonts/icon/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
  url('/system/fonts/icon/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
  url('/system/fonts/icon/fontawesome-webfont.woff?v=4.4.0') format('woff'),
  url('/system/fonts/icon/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
  url('/system/fonts/icon/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Icons don't want to appear... What's the problem?

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

T

Tosha Marsik, 2015-10-16
@Elem3nt071

but because half of their icons do not work, that's why, veliogroup is not a very good site, take it and connect it from here Tyts or so Tyts again