# Text vanishes from page - now hidden from view

**URL:** <https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268>\
**Category:** Questions\
**Tags:** v2\
**Created:** [February 8, 2016, 9:54am UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268 "2016-02-08T09:54:26Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![redjelly](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@redjelly](https://forum.getkirby.com/u/redjelly)\
**Post date:** [February 8, 2016, 9:54am UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/1 "2016-02-08T09:54:27Z")

</div>

I have a simple site put together to see how Kirby works. It has been live for a number of months without any issue. However, in the last few days the content has disappeared from view. If you look at ‘view source’ the text is there but not being displayed.

I did notice that there is an error in the browser console, but not sure how to resolve the issue. Any constructive advice welcomed…

Uncaught ReferenceError: WebFont is not defined require.js:7  
Uncaught Error: Load timeout for modules: font!google,families:[Lobster+Two:700italic,Libre+Baskerville:400,700,400italic,Francois+One]\_unnormalized2,font!google,families:[Lobster+Two:700italic,Libre+Baskerville:400,700,400italic,Francois+One]

Site is www.red.gs

Thanks (new user)

---

<div class="post-metadata">

**Author:** ![lukasbestle](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/lukasbestle/32/11437_2.png) [@lukasbestle](https://forum.getkirby.com/u/lukasbestle)\
**Post date:** [February 8, 2016, 11:02am UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/2 "2016-02-08T11:02:30Z")

</div>

As you discovered, this is a frontend issue.

Your `<main>` section has an opacity value of `0` and needs to be set to `1` by your JavaScript code probably. So you need to find the issue why RequireJS doesn’t know the `WebFont` module, which currently stops your JS from executing correctly.

This is not related to Kirby but to your templates and frontend code.

---

<div class="post-metadata">

**Author:** ![jbeyerstedt](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/jbeyerstedt/32/3976_2.png) [@jbeyerstedt](https://forum.getkirby.com/u/jbeyerstedt)\
**Post date:** [February 8, 2016, 11:14am UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/3 "2016-02-08T11:14:34Z")

</div>

The reason, why your text is not displayed, is, that the font is not loaded, so the browser has nothing to display the text. But I don´t know, why the fallbacks are not working as well.  
Anyway, I don´t know require.js, but it definitely has something to do with this. I would recommend to add your fonts to the html header just as described at google fonts. require.js seems to block the font fallbacks (re-rendering the page) as well.

---

<div class="post-metadata">

**Author:** ![lukasbestle](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/lukasbestle/32/11437_2.png) [@lukasbestle](https://forum.getkirby.com/u/lukasbestle)\
**Post date:** [February 8, 2016, 11:40am UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/4 "2016-02-08T11:40:23Z")

</div>

> [@jbeyerstedt](#):
>
> But I don´t know, why the fallbacks are not working as well.

The text is actually displayed, but invisible because of `opacity: 0` on the `<main>`. 😉

---

<div class="post-metadata">

**Author:** ![jbeyerstedt](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/jbeyerstedt/32/3976_2.png) [@jbeyerstedt](https://forum.getkirby.com/u/jbeyerstedt)\
**Post date:** [February 8, 2016, 11:56am UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/5 "2016-02-08T11:56:01Z")

</div>

sorry for the doubled and not well researched answer. I was not checking, if someone was faster to answer, before submitting my answer.

---

<div class="post-metadata">

**Author:** ![lukasbestle](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/lukasbestle/32/11437_2.png) [@lukasbestle](https://forum.getkirby.com/u/lukasbestle)\
**Post date:** [February 8, 2016, 12:07pm UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/6 "2016-02-08T12:07:44Z")

</div>

No problem at all. Thanks for helping with this. 🙂

---

<div class="post-metadata">

**Author:** ![redjelly](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@redjelly](https://forum.getkirby.com/u/redjelly)\
**Post date:** [February 8, 2016, 3:35pm UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/7 "2016-02-08T15:35:39Z")

</div>

Many thanks for all your help. I will have to do a bit more digging to fix this. Thanks again.

R

---

<div class="post-metadata">

**Author:** ![redjelly](https://avatars.discourse-cdn.com/v4/letter/r/7cd45c/32.png) [@redjelly](https://forum.getkirby.com/u/redjelly)\
**Post date:** [February 8, 2016, 9:28pm UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/8 "2016-02-08T21:28:09Z")

</div>

[www.mashplan.com](http://www.mashplan.com) the supplier of the Theme has given me a fix. New css file and new main.js. Google had changed something and required a tweak.

Thanks again to all who gave advice.

Richard

---

<div class="post-metadata">

**Author:** ![distantnative](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.getkirby.com/distantnative/32/11319_2.png) [@distantnative](https://forum.getkirby.com/u/distantnative)\
**Post date:** [February 6, 2025, 5:00pm UTC](https://forum.getkirby.com/t/text-vanishes-from-page-now-hidden-from-view/3268/9 "2025-02-06T17:00:16Z")

</div>


