Font Family Open Sans не используется

Question

Я использую 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" - это правильно? Я ожидал, что он скажет "Open Sans" - шрифт Open Sans не применяется?

Answer 1

Проверьте ссылку кодекса. Это работает нормально для меня!

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

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">

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