简体   繁体   中英

Detecting if font family changes and showing the dialog box

i have written a HTML code

i am using custom font(gotham.otf) in my CSS element and I want to detect if the html is loading with my custom font or not. If html is not loading with my custom font I have to show the custom dialog.

 <body onload="myFunction()">
 <script>
 function myFunction()
  {
   Here I have to check whether browser is loading with custom font or not,If not show a dialog 
 confirm("Custom font may not work for some browsers!");
  }
  </script> 
  </body>

If this is not possible by this way please suggest me the better way to achieve It.

Help is always appreciated, Thanks

Modernizr: http : //modernizr.com/应该能够检测到

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM