Включенный Google WebFont не работает

Question

Включенный Google WebFont не работает

Я пытаюсь использовать шрифт Google следующим образом:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!-- <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'> -->
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
    <style>
        body {
            font-size: 2em;
            font-family: 'Source Sans Pro', serif;
            font-style: normal;
            font-weight: 300;
        }
    </style>
</head>
<body>
    <div>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</div>
</body>
</html>

как вы можете видеть, я пытался с http а также https как предложено в этом ответе stackru, но ничего не похоже на работу.

Я делаю что-то явно неправильно?

Также, как вы можете видеть, шрифт отступает serif шрифт. Теперь, почему line-height меняется при удалении шрифта, который даже не используется?

Я использую Google Chrome Версия: 52.0.2743.116

И реальный вопрос: как включить шрифт Google?

Как кажется, загружается из Dev Tools

2

html css fonts webfonts google-webfonts

Источник

user2008111 12 авг '16 в 06:23

1 ответ

Решение

Другие вопросы по тегам html css fonts webfonts google-webfonts

user3964133 12 авг '16 в 06:29 2016-08-12 06:29 · Accepted Answer · 2016-08-12 06:29

Попробуйте открыть сайт в режиме инкогнито, возможно, некоторые плагины браузера вмешиваются в ваш код. Я создал jsbin на основе вашего кода, и он отлично работает, я также сохранил его на своем жестком диске, и он также работает. Проверено на той же версии Chrome, что и у вас.

Изменить: проблема решена. После некоторых исследований, проб и ошибок выяснилось, что для того, чтобы это работало на Карамбу, ему пришлось изменить семейство шрифтов из стилей тела, чтобы включить три значения, разделенных запятыми, чтобы это работало, поэтому

font-family: 'Source Sans Pro', serif;

не работал, пока

font-family: 'Source Sans Pro', Helvetica, serif;

сделал.