Libre Social

Descripción

Fuentes de Letra [Fonts] para Redes sociales Libres y otros servicios descentralizados que apoyan el uso de Software Libre.

Utilización

Copie los directorios css y fonts con sus archivos a su proyecto, y agregue una línea al head de su archivo html.

Ejemplo:

<link href="css/libresocial.css" rel="stylesheet"/>

Si usted es un experto puede reordenar sus directorios para mejor comodidad.

Log de Cambios

v1.1.4 - Agrega LibreGit
v1.1.3 - Minor fix
v1.1.2 - Agrega PeerTube y PixelFed
v1.1.1 - Agrega Liberapay y Matrix
v1.1.0 - publicación inicial

Iconos disponibles

Copyleft
Diaspora
Friendica
GitLab
GNUSocial
Hubzilla
Liberapay
Libregit
Mastodon
Matrix
MediaGoblin
Notabug
PeerTube
PixelFed
Pump
Tox
XMPP

Dependencias
FontForge (Se necesita de una versión >= 20140101)
Python >= 2.6 or 3
Sassc

Instrucciones

Fuente: Los íconos se localizan en 2 directorios scr y lab.

Explicando lo anterior:

scr: aquí se encuentran los archivos de imagen vectorial con sus cuadrículas para ayudar a la edición futura de los mismos; así mismo encontrará un archivo llamado template.svg el cual es una plantilla para crear futuras imágenes vectoriales que luego serán íconos.

lab: aquí se encuentran los archivos de imagen vectorial listos para su compilación.

Compilación:

Para compilar se facilita el archivo build.sh

Ejemplo:

sh build.sh

La salida de este comando, almacenará los archivos en dist:

dist/ ├── css │ └── libresocial.css └── fonts ├── libresocial.otf ├── libresocial.svg ├── libresocial.ttf └── libresocial.woff

Nueva imagen vectorial

Si usted agrega una nueva imagen vectorial, es necesario editar el archivo metadata.json

Edición de metadata.json

Ejemplo:

"glyphs": {
  "0xe800": "copyleft.svg",
  "0xe801": "diaspora.svg",
  "0xe802": "friendica.svg",
  "0xe803": "gitlab.svg",
  "0xe804": "gnusocial.svg",
  "0xe805": "hubzilla.svg",
  "0xe806": "liberapay.svg",
  "0xe807": "libregit.svg",
  "0xe808": "mastodon.svg",
  "0xe809": "matrix.svg",
  "0xe810": "mediagoblin.svg",
  "0xe811": "notabug.svg",
  "0xe812": "peertube.svg",
  "0xe813": "pixelfed.svg",
  "0xe814": "pump.svg",
  "0xe815": "sourcehut.svg",
  "0xe816": "tox.svg",
  "0xe817": "xmpp.svg",
  "0xe820": "nueva.svg"
},

La imagen vectorial nueva lleva por nombre nueva.svg, y su número de glyphs respectivo es 0xe820. También opcionalmente puede cambiar el nombre de la fuente, copyright, etc.

Editando libresocial.scss

Después de agregar la nueva imagen vectorial, modifique el archivo libresocial.scss localizado en el directorio scss:
Agregamos la imagen vectorial llamada nueva.svg a nuestra lista de íconos.

scss .icon-nueva:before { content: "\e820"; }
Por último usted agregaría el nombre de la clase icon-nueva al archivo demo.html para testear su nuevo ícono.

html <a class="nueva" href="#"><i class="icon-nueva"></i></a>
Compilar LibreSocial

html bash build.sh

Contributor

heckyel

Licencia

La fuente Libre Social esta bajo la Licencia AGPLv3