Hola tengo una index.html que tiene varios iconos nombrados así: <span class="icon-tsfolder-open">
Los iconos están en un archivo (tsh.css) indicado en el head del index bajo la siguiente línea: <link rel="StyleSheet" href="../../css/tsh.css" type="text/css" />
Ese archivo css contiene los nombres de los iconos como "tsfolder-open" pero no logro hacerlos funcionar se ve una imagen corrupta en vez del icono y no se si es que necesito otros archivos que se indican en este archivo css o que pero si me pueden ayudar les estaría eternamente agradecido.
El código css es este:
Código: text
¿Que puedo hacer? He intentado buscar soluciones pero no se que puede ser lo que esta fallando
Los iconos están en un archivo (tsh.css) indicado en el head del index bajo la siguiente línea: <link rel="StyleSheet" href="../../css/tsh.css" type="text/css" />
Ese archivo css contiene los nombres de los iconos como "tsfolder-open" pero no logro hacerlos funcionar se ve una imagen corrupta en vez del icono y no se si es que necesito otros archivos que se indican en este archivo css o que pero si me pueden ayudar les estaría eternamente agradecido.
El código css es este:
@font-face {
font-family: 'tsh';
src:url('../fonts/tsh.eot?-jup4zk'); -> Este archivo no lo tengo y la ruta especificada no existe en mi proyecto!
src:url('../fonts/tsh.eot?#iefix-jup4zk') format('embedded-opentype'), -> Este archivo no lo tengo y la ruta especificada no existe en mi proyecto!
url('../fonts/tsh.woff?-jup4zk') format('woff'), -> Este archivo no lo tengo y la ruta especificada no existe en mi proyecto!
url('../fonts/tsh.ttf?-jup4zk') format('truetype'), -> Este archivo no lo tengo y la ruta especificada no existe en mi proyecto!
url('../fonts/tsh.svg?-jup4zk#tsh') format('svg'); -> Este archivo no lo tengo y la ruta especificada no existe en mi proyecto!
font-weight: normal;
font-style: normal;
}
[class^="icon-ts"], [class*=" icon-ts"] {
font-family: 'tsh';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tshome:before {
content: "\e600";
}
.icon-tshome2:before {
content: "\e601";
}
.icon-tshome3:before {
content: "\e602";
}
.icon-tsoffice:before {
content: "\e603";
}
.icon-tsnewspaper:before {
content: "\e604";
No pondré más porque tengo muuuchos iconos pero basicamente el code sigue asi hasta que se acaba.¿Que puedo hacer? He intentado buscar soluciones pero no se que puede ser lo que esta fallando
