无法使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的src。

问题是，您正在从github raw中获取flowtype.js文件。Github raw将javascript返回为明文类型(以阻止从github raw获取源)。

由于文件有错误的mimetype，所以webbrowser不会以javascript的形式执行它。

要解决这个问题，您需要为文件找到一个合适的主机。您可以通过本地the服务器自己托管它，也可以找到一个免费的CDN帐户来放置文件。

编辑以添加：

使用JS Fiddle，如果打开Javascript控制台，您将看到以下错误：

拒绝从'https://raw.github.com/simplefocus/FlowType.JS/master/flowtype.js‘执行脚本，因为它的MIME类型(’text/平原‘)是不可执行的，并且启用了严格的MIME类型检查。