Javascript & WebDev
!javascript@heapoverflow.ml
help-circle
rss
Trying to add some custom 'webfont' icons for Mastodon
I would like to create icons to link my lemmy, peertube, and mastodon instances to each other. I've managed to achieve this for Lemmy and PeerTube without much of a hassle by creating the SVG icons and duplicating the code for the donate symbol (lemmy) and the about symbol (peertube): Lemmy: ![](https://mander.xyz/pictrs/image/63def97b-b267-476f-bb3f-fed653e07ecd.png) Peertube: ![](https://mander.xyz/pictrs/image/016937b9-c863-4a55-b951-06d74df8635a.png) I thought I would be able to use the same logic to modify the menu bar in Mastodon, but I must say I am very confused by it. I can't find the files that hold the icons, the syntax is un-intuitive for me, and it seems that there are several levels of files calling each other before finally producing the icon on the page. Mastodon: ![](https://mander.xyz/pictrs/image/65b4cbc9-ded0-4ff1-8644-771dbdbd6d57.png) While trying to figure out where the SVG files are stored, I found this issue: [Consider: SVG for icons?](https://github.com/mastodon/mastodon/issues/1469) Here, I learned that Mastodon uses something called "Webfonts" to generate the icons. From that issue it appears that they never transitioned into using SVG. I can't find much about how to work with this format - what is this? What would the workflow be like for finding the webfont file and creating a new icon? Any suggestions? Thanks!











Ask specific questions about how to code something in javascipt AKA “node”. Also HTML, CSS, and other web-dev stuff.

Javascript docs

General javascript discussion on lemmy.ml

Create Post From:
lemmy.ml

  • 0 users online
  • 1 user / day
  • 2 users / week
  • 2 users / month
  • 2 users / 6 months
  • 1 subscriber
  • 11 Posts
  • 2 Comments
  • Modlog
Heap Overflow
A place to ask programming questions and share free resources

General programming discussion,
Additional resources, challenges

To post or comment:

  1. Create an account on another lemmy instance
  2. Then search for the community url like here

RULES:

  1. No politics
  2. No flaming / trolling
  3. No proprietary BS
  4. Stay on topic

Please keep questions & examples short!

All content is Public Domain unless otherwise specified.
Only CC0, CC BY 3.0, or CC BY-SA 3.0 alternate licenses are allowed.

No affiliation with StackOverflow.com