jquery - Including fonts using javascript prevents other javascripts -


i loading fonts piece of code.

<script type="text/javascript">     (function () {         var path = '//easy.myfonts.net/v2/js?sid=84112(font-family=john+sans+text)&sid=84097(font-family=john+sans+lite)&key=ff0uybryqy',                   protocol = ('https:' == document.location.protocol ? 'https:' : 'http:'),                   trial = document.createelement('script');         trial.type = 'text/javascript';         trial.src = protocol + path;         trial.async = true;         var head = document.getelementsbytagname("head")[0];         head.appendchild(trial);      })(); </script> 

it loads fonts form javascript doesnt work.

nette.addevent(window, 'load', function () {         (var = 0; < document.forms.length; i++) {                 nette.initform(document.forms[i]);         } }); 

but when put alert after head.appendchild works fine.

i tried set async false or remove result still same.

there head snippet without fonts

<script></script> <script src="/nette/www/js/modernizr.custom.js"></script> <link media="screen, projection" href="/nette/www/css/settings-live-form-validation.css" rel="stylesheet"> 

and head snippet including fonts:

  <script type="text/javascript" async="" src="http://easy.myfonts.net/v2/get?u4ee9foultfonwl1aupskam2&policy=eyjtdgf0zw1lbnqiolt7iljlc291cmnlijoiahr0cco6ly8ql3yyl2dldd9vnevfowzpvwx0rm9uv0wxqxvwu2tbbtiilcjdb25kaxrpb24ionsirgf0zuxlc3nuagfuijp7ikfxuzpfcg9jafrpbwuioje0mzq0ndu0njb9fx1dfq__&signature=pm~gjifl7dohjzxbzdsjljhbzgxxbf9yminjwas1xqjinbexm4qw2fx1vo-0p0s5gyxggiftivzr57ddjcwhnyy39dy9mv8ylluqypjsxgu0dgp8wriwg1n2sun8zcfhmmfvzdk2y9iohuhs8~r93fxaz~wnztynpcavxows3swlkcjfzjgsyptys~94~d8d1lhjfkrvboswfdaialsfbw73xd624rehqgfhhwcq-nx4j4zd2ggoyb4rpgukiaalp-sdy775urvphvx8l0rp4pp5pqeiusmw3tmhjhg~qtuqhoaoe8ssqqevau2engpewtaedsldubl4rkewlno4cg__&key-pair-id=apkajn6qfzee4bzcl6xq"></script>     <script></script>     <script src="/nette/www/js/modernizr.custom.js"></script>     <link media="screen, projection" href="/nette/www/css/settings-live-form-validation.css" rel="stylesheet">     <script type="text/javascript"></script> //fonts includer     <script type="text/javascript" async="" src="http://easy.myfonts.net/v2/js?sid=84112(font-family=john+sans+text)&sid=84097(font-family=john+sans+lite)&key=ff0uybryqy"></script>     <style type="text/css"></style>     <link rel="stylesheet" type="text/css" href="http://cdn.myfonts.net/widgets/webfont_preview_bar/webfont_preview_bar.css"> 

you need close script tags.

<script type="text/javascript" async="" src="http://easy.myfonts.net/v2/get?u4ee9foultfonwl1aupskam2&policy=eyjtdgf0zw1lbnqiolt7iljlc291cmnlijoiahr0cco6ly8ql3yyl2dldd9vnevfowzpvwx0rm9uv0wxqxvwu2tbbtiilcjdb25kaxrpb24ionsirgf0zuxlc3nuagfuijp7ikfxuzpfcg9jafrpbwuioje0mzq0ndu0njb9fx1dfq__&signature=pm~gjifl7dohjzxbzdsjljhbzgxxbf9yminjwas1xqjinbexm4qw2fx1vo-0p0s5gyxggiftivzr57ddjcwhnyy39dy9mv8ylluqypjsxgu0dgp8wriwg1n2sun8zcfhmmfvzdk2y9iohuhs8~r93fxaz~wnztynpcavxows3swlkcjfzjgsyptys~94~d8d1lhjfkrvboswfdaialsfbw73xd624rehqgfhhwcq-nx4j4zd2ggoyb4rpgukiaalp-sdy775urvphvx8l0rp4pp5pqeiusmw3tmhjhg~qtuqhoaoe8ssqqevau2engpewtaedsldubl4rkewlno4cg__&key-pair-id=apkajn6qfzee4bzcl6xq"></script> <script src="/nette/www/js/modernizr.custom.js"></script> <link media="screen, projection" href="/nette/www/css/settings-live-form-validation.css" rel="stylesheet"> <script type="text/javascript" async="" src="http://easy.myfonts.net/v2/js?sid=84112(font-family=john+sans+text)&sid=84097(font-family=john+sans+lite)&key=ff0uybryqy"></script> 

you have whole bunch of issues related defining scripts <script> not closing them </script>.


Comments

Popular posts from this blog

javascript - Google App Script ContentService downloadAsFile not working -

javascript - Function overwritting -

php - Find a regex to take part of Email -