Семейство шрифтов Open Sans не используется

Я использую Google Open Sans Font в своем приложении.

Я определил таблицу стилей как указано:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700'
 rel='stylesheet' type='text/css'>

Затем я использовал его на селекторе как:

body {
    font-family: 'Open Sans', sans-serif;
}

Я еще не определил семейство шрифтов. Я предполагаю, что, поскольку я определил его у родителя, дочерние элементы автоматически наследуют его.

Однако, если я открою инспектор, скажем, якорный тег в своем приложении и посмотрю вычисленные стили для этого тега, я обнаружил, что (Chrome Latest) "Rendered Font" говорит "Times New Roman 18 glyphs" - Is это правильно? Я ожидал, что он скажет "Open Sans" - не используется ли шрифт Open Sans?

Ответы

Ответ 1

Ознакомьтесь с кодовой страницей. Его работа прекрасна для меня!

.open-sans-font{
  font-family: 'Open Sans', sans-serif;
}

<link href="#" onclick="location.href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700'; return false;" rel="stylesheet">

<div class="open-sans-font">
   Stackoverflow rocks !!!
</div>