J123456

So it was a simple fix after all:

For anyone else who finds that their logo image is always slightly fuzzy or blurred in customizr, my problem turned out to be the zoom on my browser!

I accidentally discovered that my browser was zoomed in slightly from normal… I reset it and the logo is as it should be.

Thanks for trying.

The SVG just looks clearer. The image is a png and dimensions are 250x82px. Maybe I need to go back and look at converting it again using some different settings.

Interestingly the actual image file looks sharp if you view it using the image URL but when it’s on the page it looks slightly blurry.

I’ll do some more digging.

Cheers,

Just to add support to this problem, I had it too. Unchecking the ‘Enable/disable blocks reordering on small devices’ option has fixed it.

Thanks

No luck im afraid. I’ve tried all permutations.

Looking at the genericon RSS feed icons they have a class called ‘social-icon’ followed by the icon ‘icon-feed’ in this case. Using these two in a <a> tag on a page gives an unrecognised character… this is still an improvement on my CSS which doesn’t produce anything.

Something is missing but I can’t tell what.

Anyone managed to get these working?
Any other ideas?

The padding issue for entypo is already known by the looks of it:
https://github.com/danielbruce/entypo/issues/13
https://github.com/danielbruce/entypo/issues/8

on Windows the icons are rendered at the bottom of the character and on mac they are normal(centered), see my cheap representation below:

Mac: |-| Windows:|_|

There are better examples and pictures in the links above.

Apparently fontello has a fixed version of this font but the official entypo version still is problematic. Something for Nikeo to be made aware of?

Hi rdellconsulting,

I have been trying to understand how it all works. I can’t at the moment figure out how to add a CSS class that would work. I have worked out that using style=”” can get it to work inline (ish).

The below example works for entypo in customizr (remember no space after &).
<a class="btn btn-info" style="font-family: 'entypo'; font-size: 1em; vertical-align:middle;">& #59226;</a></h3>
But an additional problem seems to be that the font has excessive padding (3x height) above the actual icon so this looks odd.

Doing similar with genericons doesn’t seem to work:
<a class="genericon genericon-show" style="font-family: 'genericons';"></a>

The CSS way I tried that failed was:

.genericonsabc {
font-family: 'genericons';
font-size: 2em;
font-weight: normal;
line-height: 0;
}

.genericonsabc.eye-icon:before{ content: '\f403'; }

followed by:
<a class="genericonsabc eye-icon"></a>

Are there any reasons why this code wouldn’t work?

Cheers!