Clicky

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

Jesus_Caceres