• I want to use the default social connectors to reach the site finalsurge.com.
    I set my page to use charactor f/226 (previously FourSquare) and used css to reroute the connection. I then downloaded the genericon folder and updated f/226 in a font editor to be a new logo. I exported that font into new .svg, .woff, .eot , and .tff files which I uploaded/overwrote the original files with. The FourSquare icon did not update. I have double checked my files and they do contain the new icon. Is there something I am missing?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, I’m seeing the Final Surge icon on your site now, so it appears you have gotten this taken care of. If you still need help with this, let me know.

    Thread Starter sydneytherese

    (@sydneytherese)

    That is still the Four Square Icon. The Final Surge icon looks like an italic capital FS in a box.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Ah, sorry. I’ve used my web inspector and disabled “genericons” and the font icon changes to the fontawesome \f226 icon, so your code is working fine. There must be an issue in the export of the font files where the font file is not getting updated.

    How did you edit/export the genericons font files and SVG?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    The only other thing I can think of is the the f226 is not the right number for the icon you added to the font files. As a temporary workaround, how about this?

    .fa-foursquare::before {
        content: "fs";
        font-style: italic;
    }
    Thread Starter sydneytherese

    (@sydneytherese)

    I am 99% sure that f226 is the right number. I had modified the FourSquare icon itself and then doubled checked it by installing the modified font onto a new computer. It came up f226 in the font reader.

    I exported the font files and SVG from the modified font file. It is good to know that when you disable the genericons it goes to \f226.

    The only thing I can think of is there is a long line of code in the genericon css that I don’t understand. It starts like this but continues to look like gibberish for near 100 lines :

    @font-face {
      font-family: "Genericons";
      src: url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAADakAA0AAAAAVqwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAA2iAAAABoAAAAcdeu6KE9TLzIAAAGgAAAARQAAAGBkLHXFY21hcAAAAogAAACWAAABsqlys6FjdnQgAAADIAAAAAQAAAAEAEQFEWdhc3AAADaAAAAACAAAAAj//wADZ2x5ZgAABFQAAC7AAABIkKrsSc5oZWFkAAABMAAAAC8AAAA2C2BCV2hoZWEAAAFgAAAAHQAAACQQuAgGaG10eAAAAegAAACfAAABOFjwU3Jsb2NhAAADJAAAATAAAAEwy4vdrm1heHAAAAGAAAAAIAAAACAA6QEZbmFt

    I am wondering if that was generated somehow and needs to be recreated to show the updated files.

    I really appreciate you looking at this, even if we don’t get anywhere it is nice to have another set of eyes.

    Thread Starter sydneytherese

    (@sydneytherese)

    Also thank you for the work around. I may switch it out. <3

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Awesome, and you are welcome!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘genericons won’t change’ is closed to new replies.