comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

Problema con iconos <span> en html

  • 7 Respuestas
  • 1776 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Stoned

  • *
  • Underc0der
  • Mensajes: 4
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« en: Diciembre 16, 2015, 01:53:50 am »
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: [Seleccionar]
@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 :(
« Última modificación: Diciembre 16, 2015, 07:16:17 am por Stoned »

Desconectado blackdrake

  • *
  • Co Admin
  • Mensajes: 1914
  • Actividad:
    0%
  • Reputación 15
    • Ver Perfil
« Respuesta #1 en: Diciembre 16, 2015, 10:04:58 am »
Has comprobado de que tu archivo html linkea correctamente el css?

Saludos.



Desconectado Nikoxx99

  • *
  • Underc0der
  • Mensajes: 11
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
    • Email
  • Skype: Nikoxx99
« Respuesta #2 en: Diciembre 16, 2015, 12:39:20 pm »
Intenta poner la ruta completa del archivo css.
aveces con /nombre.css no basta
ponla toda (la mayoria empiezan por var, como var/root/www/html/tupagina/assets/css/archivo.css)
y prueba instalanto las fonts que requiere (si no las tienes)

Desconectado Stoned

  • *
  • Underc0der
  • Mensajes: 4
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #3 en: Diciembre 17, 2015, 08:56:04 pm »
Hola,

Gracias a los 2 por responder. @blackdrake ya lo he comprobado, eso está bien.

@Nikoxx99

Yo creo que el problema es de las fonts porque solo tengo el archivo.css, nada más.

Código: [Seleccionar]
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

Lo que tengo que descargar es webkit font smoothing?

Desconectado magenta

  • *
  • Underc0der
  • Mensajes: 9
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #4 en: Diciembre 17, 2015, 09:53:57 pm »
Yo creo que tu problema es mas que todo en los enlaces anexados a tu index. Debes haber ubicado mal la ruta. Fijate bien !!! Suerte

Desconectado Stoned

  • *
  • Underc0der
  • Mensajes: 4
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #5 en: Diciembre 18, 2015, 07:04:06 am »
Yo creo que tu problema es mas que todo en los enlaces anexados a tu index. Debes haber ubicado mal la ruta. Fijate bien !!! Suerte

Eso yo creo que lo tengo bien porque tengo 3 archivos anexados al index y los 2 primeros funcionan perfectamente y aplican el diseño web correspondiente.

Los iconos en realidad también aparecen (porque si linkeo mal el css directamente desaparecen los iconos) pero no sé explicar como aparecen, es raro, en vez de salir un icono sale un cuadradito con numeros dentro, adjunto screenshot:



Parece que detecta correctamente el archivo .css pero me falta algo, quizás las fonts de las que hablabamos antes pero no lo sé con certeza.
« Última modificación: Diciembre 18, 2015, 07:06:06 am por Stoned »

Desconectado Stoned

  • *
  • Underc0der
  • Mensajes: 4
  • Actividad:
    0%
  • Reputación 0
    • Ver Perfil
« Respuesta #6 en: Diciembre 19, 2015, 01:52:51 am »
Por favor necesito ayuda no sé cómo descargar las fonts.. Yo hice el sitio usando solo el index.html y los .css pero no tengo ninguna font instalada.

Desconectado blackdrake

  • *
  • Co Admin
  • Mensajes: 1914
  • Actividad:
    0%
  • Reputación 15
    • Ver Perfil
« Respuesta #7 en: Diciembre 21, 2015, 06:33:13 am »
De dónde has sacadao ese css? por qué no utilizas estos iconos? https://fortawesome.github.io/Font-Awesome/icons/

Saludos.



 

¿Te gustó el post? COMPARTILO!



[SOLUCIONADO] Problema con Softice 4.05 Help, SoftICE is not active.

Iniciado por d3vilz5

Respuestas: 1
Vistas: 1814
Último mensaje Mayo 17, 2013, 11:52:31 pm
por Krapermors
Problema con conexión de troyano pierdo la conexion

Iniciado por Nitro_X_Net

Respuestas: 6
Vistas: 1691
Último mensaje Julio 13, 2015, 03:35:57 am
por .:UND3R:.
[SOLUCIONADO] Problema con el systemd en MJ (systemd-modules-load.service)

Iniciado por Thereldor

Respuestas: 1
Vistas: 984
Último mensaje Abril 05, 2016, 11:50:05 pm
por Thereldor
AVs CMLS Registry workshop.. Problema.! "Otra vez yo"

Iniciado por Zobek

Respuestas: 0
Vistas: 1133
Último mensaje Julio 11, 2016, 06:19:19 pm
por Zobek
Booteo en Dell Inspiron Mini "problema"

Iniciado por KnarBlack

Respuestas: 2
Vistas: 673
Último mensaje Febrero 19, 2018, 11:44:52 pm
por KnarBlack