Conjunto de símbolos: ¡agregue iconos sociales a cualquier sitio con esta fuente web!

Especificación SSSocial Static

Prácticamente todos los sitios de la web utilizan redes sociales. iconos para mostrar enlaces a su Twitter, Facebook, LinkedIn y otras direcciones sociales en la web. Los navegadores modernos ofrecen la oportunidad de incrustar fuentes, lo que permite posibilidades ilimitadas en el diseño de su presencia en la web.

Estábamos trabajando en un hermoso sitio para clientes que fue diseñado por KA + A, una firma de diseño y branding de gran éxito. Nos hemos asociado con muchos clientes ... ellos implementan la marca y el diseño y luego lo personalizamos, lo optimizamos y lo integramos para nuestros clientes. Ha sido fantástico ya que sus diseñadores no solo crean sitios hermosos, sino que también escriben código hermoso.

Iconos sociales

Nuestro cliente nos pidió que agreguemos una imagen de LinkedIn y un enlace en la parte inferior derecha de su sitio. Cuando miramos más de cerca, descubrimos que no era una imagen en absoluto. ¡Era una fuente que mostraba Twitter y Facebook! Haciendo algunos pirateos rápidos, pudimos ver que habían implementado íconos sociales de Symbolset.

Symbolsets son fuentes de símbolos semánticos. Funcionan en navegadores modernos y en cualquier lugar donde se admitan funciones OpenType.

¡Esto es increíblemente eficiente! Las fuentes se pueden cambiar de tamaño, tener cualquier color y tener otros estilos aplicados a través de CSS, como por ejemplo, hover. Y las fuentes se cargan increíblemente rápido. Desde el punto de vista del desarrollo, no tuvimos que hacer que nuestro diseñador reprodujera nuevos íconos sociales que fueran del mismo color, tamaño y estilo que los demás. Simplemente tuvimos que utilizar el código HTML para el ícono de LinkedIn, envolverlo en una etiqueta de anclaje y ¡listo!

El conjunto de símbolos sociales cuesta solo $ 3 y viene con los íconos sociales actuales:
Especificación SSSocial Static

Felicitaciones a KA + A por una implementación tan genial. Estoy seguro de que encontraremos muchas otras oportunidades para incorporar iconos de Symbolset en nuestros propios sitios. Por último, no solo tienen iconos sociales, tienen varias series de otras fuentes ... eh ... símbolos.

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.