Different font style in each browser

Asked

Viewed 205 times

0

I created a website and went to test in the browsers, and noticed that in each browser the font used is in a way.

foto01

I even put up a picture for you to see how it looks, the question is:

  • It is possible to place the Chrome source to be default in any browser?
html css

  • What is your CSS for that word?

  • well, I put font-family: 'Quicksand', sans-Rif; na body, to take the whole site... and in the word, I just put this: width: 185px; font-size: 2.1em; color: #DCBB4D; margin: auto;

  • with what you passed me here gave equal https://i.stack.Imgur.com/j4pVD.png

  • funny that your example looked the same in all browsers... will it be because I’m using google font?

  • I can try it, pass it to me

  • html: <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> css: font-family: 'Quicksand', sans-Serif;

  • https://fonts.google.com/? query=quick&selection. family=Quicksand

  • It seems that for some reason your font on FF is getting BOLD. Try to put a font-weight:normal !important or font-weight:400 !important right in the tag of your text to test.

  • Opa, I put on the page and has links to two more options, check http://kithomepage.com/sos/fonte.html

Show 4 more comments

1 answer

0

Apply the same font-Weight to both fonts. Sometimes the rendered font opens in different ways as you apply it to a Markup that already has Bold by default, such as a H1, H2, etc.

Also make sure that your font has not simply been converted by a service like Font Squirrel, as it may lose settings during transformation to Webfont.

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.