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

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

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


Deja un comentario

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 de FeedBurner 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