FlowType.js将不起作用

我正在为自己做一个投资组合，并希望使用FlowType.js作为响应字体，但我无法使其工作。我尝试了每次谷歌击中，但没有人帮助我。你能看看我的代码吗？FlowType.js将不起作用

这里是我的HTML

<!DOCTYPE HTML> 
<html lang="en-US"> 
<head> 
    <LINK HREF="stylesheet/style.css" REL="stylesheet" TYPE="text/css"> 
    <title>Portfolio Daan Heijmans</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2"></script> 
    <script type="text/javascript" src="js/flowtype.js"></script> 
</head> 
<body> 
    <div id="wrapper"> 
     <div id="header"> 
      <div id="naam"> 
       DAAN HEIJMANS 
      </div> 
      <div id="navigatie_links"> 
       <ul> 
        <li><a href="#biografie">BIOGRAFIE</a></li> 
        <li><a href="#vakken">VAKKEN</a></li> 
       </ul> 
      </div> 
      <div id="navigatie_rechts"> 
       <li><a href="nl/index.php">NL /</a></li> 
       <li><a href="en/index.php">EN</a></li> 
      </div> 
      <img src="images/achtergrond_portfolio.png"> 
      <div id="vakken_navigatie"> 
       <ul> 
        <li><a href="#">DED2 |</a></li> 
        <li><a href="#"> PPM2 |</a></li> 
        <li><a href="#"> PTM2 |</a></li> 
        <li><a href="#"> SCO2 |</a></li> 
        <li><a href="#"> UXU2</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 
    <script> 
     $(function(){ 
      $('wrapper').flowtype(); 
     }); 
    </script> 
</body> 
</html>

这是我的CSS

body{ 
width: 100%; 
background-color: #FFF; 
margin: 0 auto 0 auto; 
font-family: "Montserrat Hairline"; 
overflow: scroll; 
font-size: 30px; 
} 

::-webkit-scrollbar { 
width: 0px; /* remove scrollbar space */ 
background: transparent; /* optional: just make scrollbar invisible */ 
} 

#wrapper{ 
overflow: hidden; 
margin: 0 auto 0 auto; 
width: 100%; 
height: 100%; 
} 

#header { 
max-width: 100%; 
max-height: 100%; 
} 

#header img{ 
width: 100%; 
height: 100%; 
max-width: 100%; 
max-height: 100%; 
} 

#naam{ 
width: 70%; 
background-color: black; 
float: left; 
font-size: 1em; 
color: white; 
} 

#navigatie_links{ 
width: 20%; 
background-color: black; 
float: left; 
font-size: 1em; 
color: white; 
} 

ul, li, a{ 
text-decoration: none; 
color: white; 
margin: 0; 
padding: 0; 
display: inline; 
} 

#navigatie_rechts{ 
width: 10%; 
height: 10%; 
background-color: black; 
float: right; 
font-size: 1em; 
color: white; 
} 

#vakken_navigatie{ 
position: absolute; 
width: 50%; 
height: 10%; 
margin: -15% auto 0 28%; 
font-size: 1.68em; 
}

来源

2016-04-22 Daan Heijmans

寻求调试帮助的问题（_“为什么这个代码不工作？”）必须包含所需的行为，特定的问题或错误以及在问题本身中重现问题所需的最短代码。没有明确问题陈述的问题对其他读者无益。请参阅：[如何创建最小，完整和可验证示例。]（http://stackoverflow.com/help/mcve） – Epodax