Herramientas de Accesibilidad

Skip to main content

Iconos de redes sociales que no se ven en nuestra página web

Al tener activados bloqueadores en el navegador, puede ser que no muestre los iconos de redes sociales en nuestra página web; por ejemplo si usamos el AddOn del navegador Firefox AdBlock Plus, que nos protege de publicidad indeseable en páginas web, y utilizamos en nuestra web clases css para usar la fuente Awesome para mostrar los iconos de nuestas redes sociales o los nombres de las propias redes sociales como Facebook o Twitter en las imágenes de los iconos. Para solventar este problema debemos cambiar los nombres de las clases css o de las imágenes para que no contengan los nombres de las redes sociales.

Por ejemplo si usamos la clase ". fa-facebook" donde añadimos el carácter que os muestra el icono de facebook a través de la fuente Awesome, puede ser que no se vea nuestro icono si tenemos un protector de publicidad o redes socilaes activado, para ello podemos crear una clase css propia que contenga lo mismo pero nombrándola de otra forma, por ejemplo ".ico-fb"
.ico-fb:before {
  content: "\f09a";
}
 
| Desarrollo web