removed base 64

[Prisca]

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 🙂

[Sushil Adhikari]

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.

[Prisca]

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 🙂

[Sushil Adhikari]

This is for the Preference theme?

[Prisca]

No – that’s for circumference. Thanks 🙂

[Sushil Adhikari]

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.

[Prisca]

“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 🙂

[Sushil Adhikari]

I’ve uploaded the theme update as version 1.0.1.

[Prisca]

Wow!!! Thank you so much indeed 🙂

[Author]

Posts