Tagged: font, heading fonts
-
AuthorPosts
-
March 19, 2014 at 11:59 pm #240408
Hello I’m having a problem with all the heading fonts looking sketchy. I’m using EB Garmond. Not sure why this is happening. Seems to be an issue on all browsers. Does anyone have a fix?
March 20, 2014 at 3:04 pm #240715Hey Dunckley_Design!
Can you post a screenshot and show how it looks on your end? I have checked your website on your profile and heading fonts look fine on my end http://i.imgur.com/rv6jTVd.jpg
Best regards,
YigitMarch 20, 2014 at 10:06 pm #240879Hello Yigit, I’m working on a temp url that is under construction. Here are a few screen shots. Notice how they are not rendering smoothy. I’ve entered some changes in the quick css under styling. I have also listed that code below. I’ve tried removing custom css and have also tried different google fonts but they all render fuzzy.
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: inherit;
letter-spacing: 1px;
}
.main_color .heading-color, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color .sidebar .current_page_item>a, .main_color .sidebar .current-menu-item>a, .main_color .pagination .current, .main_color .pagination a:hover, .main_color strong.avia-testimonial-name, .main_color .heading, .main_color .toggle_content strong, .main_color .toggle_content strong a, .main_color .tab_content strong, .main_color .tab_content strong a, .main_color .asc_count, .main_color .avia-testimonial-content strong, .main_color div .news-headline {
color: #57584d;
}
http://dunckleydesign.com/wp-content/uploads/2014/03/Screen-Shot-2014-03-20-at-3.50.37-PM.png
http://dunckleydesign.com/wp-content/uploads/2014/03/Screen-Shot-2014-03-20-at-3.51.52-PM.pngMarch 20, 2014 at 10:12 pm #240881This reply has been marked as private.March 21, 2014 at 4:02 am #240984Hey!
Please add this on Quick CSS or custom.css:
h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, .av-special-font { font-family: 'EB Garamond', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-text-stroke: 0.5px; -webkit-font-smoothing: antialiased; -webkit-text-stroke-color: #34343b; text-shadow: 0 0 1px rgba(51,51,51,0.2); }
Experiment with the values to achieve the best result.
Regards,
IsmaelApril 4, 2014 at 3:57 pm #247505Hello Ismael, didn’t work. I think there is an issue with how the theme handles google fonts. I’ve used google fonts on other themes and haven’t had a problem. Do you think there will be a fix in the next update?
April 7, 2014 at 10:25 am #248102Hi!
The theme doesn’t do anything special with how it renders the font so there isn’t anything on our end we could do to fix or adjust it. You can compare it with the font repository and see if its the same there: https://www.google.com/fonts/specimen/EB+Garamond
Cheers!
Devin -
AuthorPosts
- You must be logged in to reply to this topic.