removed base 64

Home Forums Main Forum Theme Suggestion Box removed base 64

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #14842
    Prisca
    Participant

    Hello

    You are great guys but you should NOT insert base 64 in your code (css) – this is not a good practice since we have no clue what’s inside that code – could be anything bad.

    So I removed it but now my icons for social are not showing. Please could you give me a way to have my social icons without one mile of coded stuff?

    Thank you so much 🙂

    #19388
    Sushil Adhikari
    Moderator

    Actually, don’t let base64 scare you too much with this. It’s generally scripts that contain base64 that are more of an issue… The theme uses the embedded fonts so there is less http queries which helps for performance reasons. Fonts are huge when you link to them. The base 64 for embedded fonts is actually ok. However, if you are worried about data URI fonts, you can go to Google, download the fonts used in whichever theme you are using (I’m assuming Circumference), then use Font-squirrel to generate the @font-face which you can then put into the style.css file in replacement, then add the fonts to the fonts folder. For the icons, the download package already contains the font files for icomoon (the social icons and more).

    As a side note, I use base64 fonts in my Styled Themes website.

    #19389
    Prisca
    Participant

    Thank you again so much for such a fast reply.

    So if I understand correctly the fonts are linked to the social icons? In any case I will NOT put base 64 code on any of my sites – sorry..:-( so please could I use the same icons that you have on preference? If you could tell me how to do that – which class or ID and also which image I would be very grateful.

    Thank you so much 🙂

    #19390
    Sushil Adhikari
    Moderator

    This is for the Preference theme?

    #19391
    Prisca
    Participant

    No – that’s for circumference. Thanks 🙂

    #19392
    Sushil Adhikari
    Moderator

    Replace the base64 with the @font-face css code from the Preference style.css and make sure those fonts are in the “fonts” folder of the theme. You will have to create a new @font-face just like the other ones except rename the font as icomoon on the @font-face css code. Get the icomoon fonts (which you can get in the theme’s download package in the folder “icons”). Just upload them to the theme’s font folder.

    Anywhere there is the font declaration of “raleway” and/or open sans, you will need to replace it with the one from the Preference theme (or whichever font you decide to use).

    By the way… you are actually the second person to bring up base64, so I will probably revert back to the standard @font-face in the next update of Circumference and remove it as it appears some people get nervous about it.

    #19393
    Prisca
    Participant

    “By the way… you are actually the second person to bring up base64, so I will probably revert back to the standard @font-face in the next update of Circumference and remove it as it appears some people get nervous about it.”

    GREAT!!! Yes, it generally freaks out a lot of people.

    I will try to make sense of what you said to get my social icons. I still have time to deliver to that client (about 2 weeks) so if by any chance your update without the base 64 is soon please make sure to let me know.

    Thank you so much for your help 🙂

    #19394
    Sushil Adhikari
    Moderator

    I’ve uploaded the theme update as version 1.0.1.

    #14843
    Prisca
    Participant

    Wow!!! Thank you so much indeed 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.