Geek Answers Handbook

Fonts display different in chrome / firefox

Each.

I am having problems displaying my page in different browsers. Here I use the font "Myrid Set Pro".

I get it right in chrome. but not in firefox. I attach these files.

Part of Website in Chrome Look Like this

Part Of Website in Firefox Look Like this

Here's the first one - a preview in Chrome. And the second is Preview in Firefox.

I also tried text rendering. But do not use

text-rendering: optimizelegibility;
0
source share
2 answers

I had the same problem in the past. Check out this article about browser fonts - I hope this helps solve your problem.

http://alistapart.com/article/say-no-to-faux-bold

Update with new information:

( , Firefox OSX) - css :

-moz-osx-font-smoothing: grayscale;

CSS-Tricks.com : https://css-tricks.com/forums/topic/typekit-fonts-much-bolder-in-firefox/page/3/

Typekit, Google.

+1

. , , .

, -. - .

, SO:

1.- ?

2.- , -

; , :

// @Mohamed Anis Dahmani
html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

// @oneiota
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;

, translate3d: webfont-rendering-fix.css

body {
  -webkit-transform: translate3d(0px, 0px, 0px);  /* Force hardware acceleration to fix safari opacity bugg*/ 
}

, - http://cssfontstack.com/, - .

0

More articles:


All Articles