Why my Heading font is not smooth?

[Pekkizz]

See here:

http://new.reslink.fi/

All is fine, but header font is not smooth like your demo page.

Pekka

[Raghavendra]

To smoothen fonts, you can use Custom CSS –

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

[Raghavendra]

To make the site look even better and headings smoother with better finish, pls use Custom Font Museo as per the instructions here –

https://www.livemeshthemes.com/support/faqs/install-custom-fonts/

In the case of Appdev, we have used –

http://www.fontspring.com/fonts/exljbris/museo

[Pekkizz]

Hi!

I pasted To Appearance / theme options / custom CSS this code you gave me:

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

http://new.reslink.fi/

No effect. The title “What We Do” is still aliased!

Here is all the stuff that is in my custom CSS:

@media only screen and (max-width: 767px) {
#site-logo {
top: -5px;
}
}

.team-member img {
margin: 0 auto;
border-radius: 0%;
}

.team-member-hover {
visibility: hidden;
}
.team-member .img-wrap {
height: 200px;
}
.gmnoprint img {
max-width: none;
}
.gm-style-iw {
height: 100% !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
}

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

[Ernesto]

Hi! You can try the following code to make sure the site takes the values applied.

body {
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;}

Cheers!

[Pekkizz]

Hi!

It is now in use here:

http://new.reslink.fi/

See the title:
“What our customers say”

Above carlsberg logo. I think it is STILL not aliased. What do you think?

[Ernesto]

Hi! It is working properly. That’s the most you’ll get out of CSS.

Cheers!

[Author]

Posts