libresocial

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.2 - Agrega PeerTube y PixelFed
• v1.1.1 - Agrega Liberapay y Matrix
• v1.1.0 - publicación inicial

Iconos disponibles

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

Hacking en Libre Social

• Dependencias

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

• 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.

  • Edición de metadata.json

  Si usted agrega una nueva imagen vectorial, debe editar el archivo metadata.json:

  Ejemplo:

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

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

• Compilación:

  • Para realizar la compilación debemos estar en el directorio lab y luego abrir la terminal en ese directorio.
  • Si usted agrega una nueva imagen vectorial, es necesario editar el archivo metadata.json

  Ejemplo:

  ./svg2ttf.py metadata.json
  

  • La salida de este comando, nos dará como resultado los siguientes archivos:

    • libresocial.ttf
    • libresocial.odf
    • libresocial.woff
    • libresocial.svg

  • Añadimos las nuevas fuentes (libresocial.ttf, libresocial.woff y libresocial.svg) al directorio fonts

  • Luego..., en el caso de haber agregado una nueva imagen vectorial, modifique el archivo libresocial.css localizado en el directorio css:

  Ejemplo:

  Agregamos la imagen vectorial llamada nueva.svg a nuestra lista de íconos generada en pasos anteriores.

  .icon-nueva:before { content: '\e815'; } /* '[]' */
  

  Por último usted agregaría el nombre del ícono (icon-nueva) al archivo demo.html para testear su nuevo ícono.

  Ejemplo:

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

  Listo. Hasta aquí ya tendría su ícono agregado a su fuente tipográfica.

Contributor

• heckyel

Licencia

• La fuente Libre Social esta bajo la Licencia AGPLv3