Ligature Symbols: fuentes web gratis con más de 250 iconos

Modificado por última vez en Domingo, 11 Agosto 2013 01:16
(0 votos)

Ligature symbols

Ligature Symbols es un conjunto gratuito de símbolos minimalistas que incluye un montón de iconos útiles. Se incluyen iconos para todo, desde la impresión y cuadros de lista, cargas, carpetas y mucho más. Está autorizado bajo la licencia de fuente abierta SIL para su descarga y uso. Se apoya en la mayoría de los navegadores modernos más importantes.

 

Ejemplo de implementación:

<!-- HTML -->

<p>Simple use for mailto link.</p>
<a href="mailto:Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo." class="lsf">mail</a>

<p>Use tha icon with text.</p>
<a href="/http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a>

/* CSS */

@font-face {
font-family: 'LigatureSymbols';
src: url('LigatureSymbols-2.05.eot');
src: url('LigatureSymbols-2.05.eot?#iefix') format('embedded-opentype'),
url('LigatureSymbols-2.05.woff') format('woff'),
url('LigatureSymbols-2.05.ttf') format('truetype'),
url('LigatureSymbols-2.05.svg#LigatureSymbols') format('svg');
src: url('/LigatureSymbols-2.05.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

.lsf {
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}

.lsf-icon:before {
content:attr(title);
margin-right:0.3em;
font-size:130%;
font-family: 'LigatureSymbols';
-webkit-text-rendering: optimizeLegibility;
-moz-text-rendering: optimizeLegibility;
-ms-text-rendering: optimizeLegibility;
-o-text-rendering: optimizeLegibility;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
}

Ligature symbols

El autor, Kazuyuki Motoyama (kudakurage), ha creado estas fuentes Ligature Symbols mediante el uso de FontForge (un editor de fuentes de código abierto).

Ligature symbols, download - descarga


Comentarios (0)

No hay comentarios escritos aquí

Deja tus comentarios

  1. Publicar comentario como invitado. Regístrate o ingresaa tu cuenta
Archivos adjuntos (0 / 3)
Compartir su ubicación
close

Recibe gratis nuestros nuevos artículos!

Serás el primero en conocer las novedades y noticias que pasan en Internet, nuestros tutoriales, trucos y más.

Escribe tu email:

Se abrirá una nueva ventana deFeedBurner a la izquierda de la página y habrás de validar un Captcha.

Lee nuestras Política de privacidad & Política de cookies
Puedes darte de baja de la lista de correo electrónico en cualquier momento