stackoom
  简体   繁体   中英

How can I detect whether a web font is loaded and hide text nodes until that happens?

 原文  2015-08-29 01:39:02  0   1    javascript/ font-face

Question

Webkit handles the time before a web-font (@font-face) loads by hiding the text nodes. But not all browsers do this, some show a standard font until the font loads, which I want to avoid. I want to show my page elements, but hide all text nodes until the webfont is loaded.

Can I do this with JavaScript?

I'd like to do it without a 3rd party library so I can learn how it's done.

1 answers

solution1
 1  2015-08-29 07:16:12

This question can be answered if you google a little bit more ...

Answer can be found here

jQuery font-spy allows to handle what happens when a font is not loaded yet or is damaged

Original Repository Demo Fonts

暂无
暂无

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.

Related Question How can I detect whether an iframe is loaded? How can I use Angular to hide an image until it has loaded? How can I change the font of a web element everytime the page is loaded? How can I hide a page contents until all the images are fully loaded? How can I detect if a React component is completely loaded to show ot to hide a section? How to hide radio button until something happens? How can I detect whether Unicode characters are displayed properly on my web page? How can I show a “loading” image and some text until the webpage is loaded Web Audio API: how can I detect speech and record until silence, with or without a Push-To-Talk button How to detect DOM element resize which happens due to asynchronous web font loading?
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM