无法使FlowType.js工作

时间:2013-12-03 16:17:00

标签: javascript jquery responsive-design typography

我在</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>

1 个答案:

答案 0 :(得分:1)

简答:不要来自raw.github.com

问题是你从github raw获取了flowtype.js文件。 Github raw返回javascript作为明文类型(以阻止从github raw获取)。

由于文件的mimetype错误,因此webbrowser不会将其作为javascript执行。

要解决此问题,您需要为该文件找到合适的主机。您可以通过本地网络服务器自己托管,或者找一个免费的CDN帐户来放置文件。

编辑添加:

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

  

拒绝执行脚本   'https://raw.github.com/simplefocus/FlowType.JS/master/flowtype.js'   因为它的MIME类型('text / plain')不可执行,而且是严格的   已启用MIME类型检查。