Devrait l'importation de matières icônes du design travailler hors connexion avec mon code actuel?

Je suis actuellement à la conception d'une INTERFACE utilisateur pour un système automatisé de système de stationnement. Il doit être capable de travailler en mode hors connexion, comme nous ne savons pas si le service de voiturier vous avez une connexion internet. J'ai aussi besoin de l'utilisation des icônes du Design. J'ai couru les tests de mon code html pour voir si la Conception de Matériel icônes travailler en mode hors connexion, cependant, à l'occasion de la page ne charge fine, à d'autres occasions Google Chrome plante. Je vous serais très reconnaissant pour en savoir plus sur ce qui se passe et comment faire en sorte que ma page se charge en mode hors connexion avec le matériel nécessaire icônes du design.

<!DOCTYPE html>
<html>
<head>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.css"  media="screen,projection"/>
<!--Import the css I designed for this UI specifically-->
<link type="text/css" rel="stylesheet" href="css/menu.css"/>
<!--Import Material Design icons-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import jQuery before materialize.js-->
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!--Import jQuery Keypad CSS-->
<link type="text/css" href="css/jquery.keypad.aps.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.plugin.js"></script>
<script type="text/javascript" src="js/jquery.keypad.js"></script>
<!--Touchscreen keypad for ticket num input just in case ticket scanner doesn't work or they want to edit the ticket number (e.g.ticket scanner makes mistake)-->
<script>
$(document).ready(function(){
$('#inmenuKeypad').keypad({target: $('#ticket_num'),layout: ['789'+ $.keypad.CLEAR,'456' + $.keypad.BACK,'1230-']
});
});
</script>
</head>
<body>
<!--Page Title Panel-->
<div class="card-panel">
<h4>INPARK</h4>
<!--Options button, reveals dropdown menu with options to switch to other pages-->
<a id="optionsbtn" class='dropdown-button btn' href='#' data-activates='dropdown1' data-constrainwidth='false'>Options</a>
</div>
<!--Dropdown menu structure and it's items-->
<ul id="dropdown1" class="dropdown-content">
<li><a href="dashmenu.html">Dashboard</a></li>
<li class="divider"></li>
<li><a href="outmenu.html">Outpark</a></li>
<li class="divider"></li>
<li><a href="qmenu.html">Outpark Queue Menu</a></li>
<li class="divider"></li>
<li><a href="shufflemenu.html">Shuffle</a></li>
<li class="divider"></li>
</ul>
<!--The form where valet inputs the customer's ticket number for Inpark-->
<div class="row">
<form class="col s12" action="ineem.html"><!--Change to the action to send data to some kind of data handler page/script-->
<div class="row">
<div class="input-field col s5 offset-s3">
<input placeholder="Enter ticket number" id="ticket_num" type="text" class="validate">
</div>
<button class="btn waves-effect waves-light" class="col s9" type="submit">OK</button>
</div>
</form>
</div>
<!--Dashboard button, press to return to dashboard(FAB)-->
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
<a class="btn-floating btn-large waves-effect waves-light" href="dashmenu.html">
<i class="material-icons" style="font-size: 48px">home</i>
</a>
</div>
<!--Touchscreen Keypad-->
<div id="inmenuKeypad"></div>
</body>
</html>

OriginalL'auteur The Mediocre Gatsby | 2015-08-14