Trouble with font and views in different browsers - Please help-
Permalink
Im new to concrete5 editing, and i have some concerns regarding my site:http://puzzlethepicture.com/
1) Font is appearing bolder in FEATURES and CONTACT US section compared to ABOUT US section in browsers Chrome, FF and Opera. In Safari however, its opposite (here font appear thinner..)
2) Facebook section appear empty in all browsers except CHROME where its visible:http://prntscr.com/50ai48
Any help would be appreciated.
1) Font is appearing bolder in FEATURES and CONTACT US section compared to ABOUT US section in browsers Chrome, FF and Opera. In Safari however, its opposite (here font appear thinner..)
2) Facebook section appear empty in all browsers except CHROME where its visible:http://prntscr.com/50ai48
Any help would be appreciated.
Thanks for your reply.
Regarding the font issue: Funny thing is that when i edited the features section, it actually was bold in the editor, however the "bold button" was not activated. So i had to remove the text and write it again, then it became thin , like on Safari. And on Chrome and other browsers it still appear bold. I cant seem to understand that.. Can you check page in Safari browser if you have, and compare?
Regarding the font issue: Funny thing is that when i edited the features section, it actually was bold in the editor, however the "bold button" was not activated. So i had to remove the text and write it again, then it became thin , like on Safari. And on Chrome and other browsers it still appear bold. I cant seem to understand that.. Can you check page in Safari browser if you have, and compare?
Hi,
you're right, the fonts look slightly thinner on Safari.
Sometimes fonts are rendered differently on different browsers and OS.
You can try adding the following CSS:
Regards,
Jordi
you're right, the fonts look slightly thinner on Safari.
Sometimes fonts are rendered differently on different browsers and OS.
You can try adding the following CSS:
h2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
Regards,
Jordi
Thanks so much for your reply.
Is that common problem with concrete5 in general (different appearance) ?
Problem is that i am not a coder, and have no clue where to put that code. Anything you can do to help me, like elaborate the process or something?
Thanks anyway.
Is that common problem with concrete5 in general (different appearance) ?
Problem is that i am not a coder, and have no clue where to put that code. Anything you can do to help me, like elaborate the process or something?
Thanks anyway.
Its not a concrete5 thing. Its a css thing. So the same problem can happen anywhere on the web, not just with concrete5 sites.
Hi,
as John says, this has nothing to do with Concrete5. If you used the sames fonts and styles in a wordpress site or in a plain HTML site, you would get the same results.
The problem is every OS and every broswer has its rendering engine, so fonts may not look exactly the same, especially thin fonts. (Something most people won't even notice).
If you want to try my code, simply go to Dashboard -> Themes, and next to the theme you're using you should see a "Customize" button. If you click on it, you can add the code to the "Add your CSS" area, and Save the changes.
If the theme supports customization, this should work. Otherwise you'll need to add the code directly to the theme files (maybe contact your developer).
Hope this helps,
Jordi
as John says, this has nothing to do with Concrete5. If you used the sames fonts and styles in a wordpress site or in a plain HTML site, you would get the same results.
The problem is every OS and every broswer has its rendering engine, so fonts may not look exactly the same, especially thin fonts. (Something most people won't even notice).
If you want to try my code, simply go to Dashboard -> Themes, and next to the theme you're using you should see a "Customize" button. If you click on it, you can add the code to the "Add your CSS" area, and Save the changes.
If the theme supports customization, this should work. Otherwise you'll need to add the code directly to the theme files (maybe contact your developer).
Hope this helps,
Jordi
Thanks, but developer wont help me, and it looks like theme cant be customized:http://prntscr.com/53xdr7
My dev contacted me and said he implemented your code, an i think it worked, Chrome looks good now..
Great, glad it's working!
Jordi
Jordi
Regards,
Jordi