Не удается заставить FlowType.js работать

Question

Я вставил следующее прямо перед </body> тег и тип не меняется вообще. Я не могу понять, что я делаю не так.

https://github.com/simplefocus/FlowType.JS

http://jsfiddle.net/tawshmcd/gLJxE/

-

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>  
<script src="https://raw.github.com/simplefocus/FlowType.JS/master/flowtype.js"></script>

<script>
    $('body').flowtype({
     minimum   : 500,
     maximum   : 1200,
     minFont   : 12,
     maxFont   : 40,
     fontRatio : 30,
     lineRatio : 1.45
    });
</script>

Answer 1

Краткий ответ: не делайте это с raw.github.com.

Проблема в том, что вы используете файл flowtype.js из github raw. Github raw возвращает javascript в виде открытого текста (чтобы не использовать источники из github raw).

Поскольку файл имеет неправильный тип mime-типа, веб-браузер не будет выполнять его как javascript.

Чтобы решить проблему, вам нужно найти подходящий хост для файла. Вы можете разместить его самостоятельно через локальный веб-сервер или найти бесплатную учетную запись CDN для размещения файла.

Изменить, чтобы добавить:

С вашей JS Fiddle, если вы откроете консоль Javascript, вы увидите следующую ошибку:

Отказался выполнять скрипт из https://raw.github.com/simplefocus/FlowType.JS/master/flowtype.js', потому что его тип MIME ('text/plain') не является исполняемым, и включена строгая проверка типов MIME.,