Tagged: font rendering
hello kriesi team,
i got an issue with the heading and menu fonts. they do not render correctly in safari and firefox but look good in chrome (on mac – didn’t check windows yet) the heading problem seems to occur every time i put an a special heading element inside a layout element. since i do not see the same issues on the enfold sample page i really wonder what it is that causes this issue. here is a screen shot comparing the browser and showing the problem:
http://chrisbuchner.com/wp-content/uploads/2014/01/browser-check.png
as you can also see, the logo looks very rugged in firefox whereas it is resized smoothly in other browsers.
last but not least i also tried to change the height to which the header resizes when scrolling down (using these instructions https://kriesi.at/support/topic/logo-and-main-header-menu/#post-212922 // https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003)
when I change the value to 1.5 the header becomes even smaller first and jumps back the actual value eventually. how could i change this behavior ?
many thanks, chris.
Anyone please ?!
alright, i could fix the font issues by manually defining some simple css (font-weight) to get the headers look consistent throughout different browser.
just remaining the issue with the rugged logo in firefox and especially the header resizing. actually i would like to keep the header just the size it is when scrolling down the page…
any help much appreciated.
thanks.
Hi,
Here’s a screenshot of the site on Firefox:
Have you checked from another computer?
Regards,
Josue
Hey Josue,
thanks for the reply. I pretty much solved all problems in the meantime. You could close the the thread basically.
Best, Chris.