Strange one - is this a bug

Just putting the finishing touches to a site, but noticed the following:

On certain pages, there is a mark-up panel which has the code for a fading slide show created in banner zest pro.

Above this there is a CSS menu bar.

On any page where these two items are together the weight of the font in the CSS menu changes to a lot lighter.

If I delete or move the mark-up item all is fine.

On pages with just a static image panel, again the CSS menu is fine.

Just cannot suss what the clash is, also doesn’t matter what font I change to.

Any ideas?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You don’t happen to have a beta running live somewhere for us to look at perhaps?

It’ll save us the guessing so we can focus on what’s going (wr)on(g)

:slight_smile:

Richard


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I wonder, if it happens in more than one browser…


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Here’s the site on: www.priorytestsite.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Seems to be Safari work OK in Firefox


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve been experimenting with this css:

 html {
 -webkit-font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
 }

Set this style in your Freeway Pro stylesheet then check your site in
Safari.

Seems to be Safari work OK in Firefox


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Erns
Can you explain more please.
Thanks


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can you explain more please.

Sure.

I’ve noticed that Safari renders fonts unevenly depending on the
background, etc. so I have been experimenting with this css lately to
regulate how fonts are rendered in Safari.

I have been attaching it to the html tag, although it could also be
attached to the body tag. To create a Tag style in FWP, open the Style
Editor (menu Edit > Styles). Create a new style and in the Tag field type
the name of the tag you want to style:

 html

Then choose the Extended button and create these two new properties:

 Name: -webkit-font-smoothing
 Value: antialiased

and

 Name: text-rendering
 Value: optimizeLegibility

And that’s it. Force republish the page to guarantee new css files, then
rebuild and preview. Doesn’t work with all fonts, but generally the web
safe ones (helvetica, arial, verdana, etc) and with some of the webfonts
(Open Sans should be fine).


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Erns
Where in the world are you?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Erns
Where in the world are you?

I am currently in low earth orbit, just above the US state of South
Carolina.


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Near Sheffield, England


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Yes - I have been using

html {
	-webkit-font-smoothing: antialiased;
}

For some time but not aware of

text-rendering: optimizeLegibility;

Ernie can you point me to any info you have seen on this one please.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I didn’t bookmark anything, so here are some google results I recognize:

http://aestheticallyloyal.com/public/optimize-legibility/

And for general discussion of -webkit-font-smoothing
http://blog.typekit.com/2011/01/26/css-properties-that-affect-type-rendering/

Yes - I have been using

html {
        -webkit-font-smoothing: antialiased;
}

For some time but not aware of

text-rendering: optimizeLegibility;

Ernie can you point me to any info you have seen on this one please.


Ernie Simpson


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Ern

Didn’t seem to work for me, the site is now running at its own domain.
Have I missed something.

http://www.oldvicaragebakewell.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Simple… you’ve applied the styles to the wrong tag. I asked you to apply
the style to the html tag (or the body tag, if you had a preference).


Ernie Simpson

On Mon, Dec 23, 2013 at 9:15 AM, Mike Thornley wrote:

Hi Ern

Didn’t seem to work for me, the site is now running at its own domain.
Have I missed something.

http://www.oldvicaragebakewell.co.uk


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Ern

Applied it to p Body and p Open Sans.
Sorry to be a bit dim here.
Not republished as yet


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options