Forum | Appery.io

We get base64 string from file Quark-Bold.ttf, created CSS and get it working. Perhaps you have some invisible symbols in that string. I'll send you font file which works for us. Please try with that file.

hi marina. thank you.

i have put that code into my project, but when I test using the WEB PREVIEW - (just to see if the code is being updated in the project) - and I do inspect element to see what code is being called, I find that the web preview is still displaying the old version of code. So, it is in effect, impossible for me to test.

Here's what I mean...

When I inspect element, I see this from the file cssfontclass.css:

thaicollapsibleh1 {
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
font-family: "QuarkThai";

well, that is not what it is currently in the file cssfontclass.css. I already changed it to be font family "QuarkB," but it is not being updated in the preview.

Then, I tried to address this by completing deleting the file cssfontclass.css and making a new font controller css file. And what happened? The web preview still shows the old css file - THE ONE THAT DOESN'T EVEN EXIST ANYMORE.

So, I logged out, cleared cache, logged back in - no success. I repeated - no success. I waited and then logged back in - no success.

So frustrating. So, I'm left wondering if the last time I did the steps to make the base64 code string, etc. - I wonder if it was correct, but for some reason, the preview is just buggy right now. Who knows?

I noticed someone else having issues that are similar:
https://getsatisfaction.com/apperyio/...

So, as to my font issue - I still have no idea if the background code is right or not, because even though I change my code, and even delete the old code, those changes are not shown in preview.

So very frustrating.

Thank you again for your all your help,

Matt

Hi Matt,

[quote:]I already changed it to be font family "QuarkB,"[/quote]The font is named QuarkBold.

Try to forcably turn off caching in Chrome when the debugging panel is opened as shown in the screenshot:

Latest problem of the day:

"The page at appery.io says:
Oops! Error occured while loading application. You can try do it again by refreshing the page manually or contact Appery.io support team..."

Thank you for your assistance.

Hello! Could you clarify where did you get this error? Error screenshot would help.

Hi Marina.

The problem continued for maybe 24 hours, and took the time to break from my project. Then, it was back to normal when I tried again.

As for the font issue -

Still have not been able to get it to work. I don't know what else to try, and I am tired of working on it. I guess I'll do other stuff, and come back and try again later.

The option to upload the original font file into a "resource repository" for our apps would sure be a sensible and welcome change.

Thanks again for your constant availability to help.

Matt

Hi Matt,

Could you please share your app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a?

Hi,

Is the app shared?

Yes,

I shared the app with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a. The app name is Thai God Tools.

Thanks so much!

Matt

Hello!
1) There is a problem with your font - there are some unnecessary empty lines in CSSquarkbold.css. To check it you can open link http://appery.io/app/view/5b5210cf-8b... in browser

2) Here is test app with 3 fonts http://appery.io/app/view/fc252c1d-c8... (it works in Chrome, Firefox, Android 4.0.4 browser and in exported app). You can see and download fonts from resources using public links:
http://appery.io/app/view/fc252c1d-c8...
http://appery.io/app/view/fc252c1d-c8...
http://appery.io/app/view/fc252c1d-c8...

3) It won't work on Android 2.1, also it's not supported for all devices with Android 2.2, 2.3 because of @font-face property http://caniuse.com/#feat=fontface. It's fully supported starting from 4.0 version