font

[sukiya]

hi everybody,

I would like to ad the font “Minion Pro” to my webpage.
is this possible?

I tried to add the font to my style CSS.
but this is not working.

currently I am using “Times New Roman” font.

but the appearance of this font is in every browser different.

thanks for your help.

best wishes,
Lisa

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

You would need to be using a child theme. If it’s a webfont you need to add the link to the head section of your site, you’ll need to edit the header.php file for this. Then add this to your custom css:

body,p {
font-family: "museo-slab"!important;
}
 
/* HEADING FONT */
h1, .impact-text,.impact-text-large {
font-family: "museo-slab"!important;
}
h2,.blog-item .quote-excerpt {
font-family: "museo-slab"!important;
}
h3 {
font-family: "museo-slab"!important;
}
h4 {
font-family: "museo-slab"!important;
}
h5 {
font-family: "museo-slab"!important;
}
h6 {
font-family: "museo-slab"!important;
}
 
/* MENU FONT */
#main-nav, #header nav, #vertical-nav nav, .header-9#header-section #main-nav, #overlay-menu nav, #mobile-menu, #one-page-nav li .hover-caption {
font-family: "museo-slab"!important;
}

Obviously change museo slab to your font name

– Kyle

[sukiya]

Hi Kyle,

ok I will try this.

I am asking because all the fonts I am using and also the logo (which is an image) look very blurred in different browsers.

I am working on a “mac” and I am using “safari”. my main font is the “Times New Roman” right now.
in this system everything is very sharp and looks clear.

when I switch to firefox – everything is blurred.
when I check it on a windows based system – everything is blurred.

so I don’t know if there is a solution for that. I thought maybe I should use a different font – but this is not the problem.

I checked other webpages – with safari and firefox – and I saw that there must be a solution to this problem, because I can’t see the problem on other pages.

what do you think about that?
thanks for your help!

best wishes,
Lisa

[Kyle – SUPPORT]

Have you checked our demo?

– Kyle

[sukiya]

Hi Kyle,

yes I checked it right now.
and its the same.
the fonts in firefox are much thicker – in safari they are thinner and much sharper.

but I checked other webpages and I am wondering about the difference.
also my on old webpage which I build with the theme “craft” – I used “Minion Pro” – this problem did not occur.

thanks for your advices.

best wishes,
Lisa

[Kyle – SUPPORT]

Firefox does render fonts thicker than other browsers, we have no control over that

– Kyle

[sukiya]

Hi Kyle,

thats what I thought.

but I looked at many webpages incl. my old one which I built with gather – and many of them don’t have this problem.

so there must be something influencing this render problem.

best wishes,
Lisa

[Kyle – SUPPORT]

Definitely nothing to do with the theme, we have no control over how browsers render fonts, have a search on google and see if you can find a solution

– Kyle

[sukiya]

ok.

thank you Kyle!
I will try.

best wishes,
Lisa

[Kyle – SUPPORT]

no problem

[cunningfox]

@Kyle and Lisa

Chiming in here because it is something I use religiously and hopefully it will help others.

Adding:

html, body {
    -moz-osx-font-smoothing: grayscale;
}

Will render fonts in FF the same as Chrome.

[Mohammad – SUPPORT]

Hi,
Great thanks to @cunningfox.
Thanks
Mohammad

[sukiya]

Hi @cunningfox,

thank you for this advice!

whats about safari?

my fonts in safari and chrome look great – but not in firefox.

what do you think about that?

thanks a lot for your help!

best wishes,
Lisa

[Mohammad – SUPPORT]

Hi,
I think that your.woff font file not working perfectly. Font developer can fix it easily.
Thanks
Mohammad

[sukiya]

Hi Mohammed,

thanks for your mail.

what is the “font developer”? and how does it work?

best wishes,
Lisa