Connect Google fonts to styles:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300&subset=cyrillic-ext,cyrillic); @import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700&subset=cyrillic-ext,cyrillic); @import url(http://fonts.googleapis.com/css?family=Marck+Script&subset=cyrillic);

But for some reason in Ubuntu the letters "B", "F", "Y" are displayed in bold. The feeling that something is wrong with the fonts, only I can’t understand what?

PS

  1. The Hashcode editor incorrectly forms the links in the code of this question and at the end ); leaves as part of the link.

  2. In response to the link ...

... from the first @import comes:

 @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff'); }

... from the second:

 @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/5mBhVjyLdKpTbwI2zOPjQA.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/oxrPYIm05JrY_0rFIEQ_oT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } ), local ( 'Ubuntu-Bold'), url (http://themes.googleusercontent.com/static/fonts/ubuntu/v4/oxrPYIm05JrY_0rFIEQ_oT8E0i7KZn-EPnyo3HZu7kw.woff) format ( 'woff' @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/5mBhVjyLdKpTbwI2zOPjQA.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/oxrPYIm05JrY_0rFIEQ_oT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

... from the third:

 @font-face { font-family: 'Marck Script'; font-style: normal; font-weight: 400; src: local('Marck Script'), local('MarckScript-Regular'), url(http://themes.googleusercontent.com/static/fonts/marckscript/v4/O_D1NAZVOFOobLbVtW3bcoraN7vELC11_xip9Rz-hMs.woff) format('woff'); }
  • All links are working and it seems to me that in order to solve the problem, it is necessary to change the order of connection and ... umbuntu / v4 / ... (shorter than @import # 2) put the last one, but this is me, let the @Deonis type gurus understand ... - Rules

1 answer 1

Apparently so fonts are drawn. Try changing the browser zoom and see that when zoomed in, they look right.

  • Yes you are right. But really it should be ?? It looks disgusting ... - co11ter
  • From personal experience - Google fonts are displayed in different browsers, and sometimes in the same browsers, but in different operating systems in different ways. This must be borne in mind. - zhenyab