Font Fonts for Free Social Networks and other decentralized services that support the use of Free Software Movement.
css
html
python
shell
Jesús dd906cca1d
update
4 months ago
dist refactoring code to dist 4 months ago
lab update 4 months ago
scss Added icon libregit 5 months ago
src Added icon libregit 5 months ago
.gitignore Added icon libregit 5 months ago
.gitlab-ci.yml support CI/CD 10 months ago
CHANGELOG update 4 months ago
LICENSE Publicación inicial 1 year ago
README.md update 4 months ago
build.sh refactoring code to dist 4 months ago
demo.html refactoring code to dist 4 months ago

README.md

Libre Social

Descripción

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

pipeline status

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

libresocial.png

Hacking en Libre Social

  • Dependencias
    • FontForge (Se necesita de una versión >= 20140101)
    • Python >= 2.6 or 3
    • Sass (npm install -g sass)

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
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:

``` json
"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": "tox.svg",
    "0xe816": "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

  1. Después de agregar la nueva imagen vectorial, modifique el archivo libresocial.scss localizado en el directorio scss:

  2. Agregamos la imagen vectorial llamada nueva.svg a nuestra lista de íconos.

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

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

Contributor

Licencia

  • La fuente Libre Social esta bajo la Licencia AGPLv3