most html widget font dont work in ubuntu OS

  • 1
  • Question
  • Updated 3 years ago
  • Answered
  • (Edited)
Hi, I have an Ubuntu 14.01 OS that I use to run my display, everything works but the fonts are showing as default and not as i set them up, i edit my presentation on a Windows 7 machine thru google chrome but when i published, it show default fonts (i believe, Times New Roman?). I have a script on a HTML widget where i have a directory with different fonts as test.
should i use a Windows machine? is it a incompatibility issue?
I am new at this and i hope i explain it correctly, please help. thanks!
ID-************
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb

Posted 3 years ago

  • 1
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Hi Sogit,

We'll take a look at your issue. I've edited your original post to remove your Display ID. I would recommend not posting that in the future, and instead posting a preview link to your presentation.
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb
Thank you, I'll keep that in mind.
After i've changed the fonts
Arial Narrow
Bodoni MT
Arial
Calibri
Century Gothic
Constantia
I can only see Arial changed in my Ubuntu machine but in my Windows machine all are showing.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Soglt,

It really depends on the browser of your player. The default fonts are not that universe anymore as they used to be. So, one default and standard-looking font on one player may not show up on different type of player, and it will be replaced with "their" default font. This is why I am recommending, I do it myself all the time now, to use Google fonts. Every browser must use this specific Google font you set, and if it did not have it, it must download it.
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb
Darius,
thanks for the info, but i use Google Chrome ver. 47.0.2526.106 same as the one in my Windows 7 computer and all the fonts are showing in the W7 just fine, my Ubuntu OS is up to date as well as Google Chrome in both machines.
i am not saying your are wrong, i am just providing more data to you guys so we can figure it out.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Sogit,

I've taken a look at your Player configuration, and it looks like you're using a very outdated version of Rise Player that is running Chrome 25. You'll need to update to our newest player (instructions are here), and this will likely solve your problem.
Photo of Darius - PRODO.us

Darius - PRODO.us, Champion

  • 26,850 Points 20k badge 2x thumb
Soglt,

I may be wrong... would not be a surprise :) but I gave you the solution. Good luck.
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb
Blake,
i have remove the old player and followed your instructions but could've been that since i have a acct already i only need to create a new display ID and download the player from it onto the Ubuntu machine? i have done it following your instructions and it keeps asking about the display ID and/or Claim ID.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
SogIt,

You'll need to add the display ID. You can get it by accessing displays.risevision.com and clicking the Display name in question.
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb
(update)

-created display first 
-installed new rvinstaller
-use created ID [entering ID properly] working now!
-restarted computer
-fonts are still set as default and the only one that works is Arial, any ideas...?!
you can see now the new display with the most recent browser version.
Photo of Dave

Dave

  • 2,836 Points 2k badge 2x thumb
I agree with the post from Darius. Stipulating specific Google Font sources in your HTML widget's HTML code, would ensure the highest level of "wysiwyg" between all environments.
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
SogIt,

Thanks for the update. We'll look into what could be causing fonts not to render on Linux.
Photo of HSuarez

HSuarez

  • 11,896 Points 10k badge 2x thumb
Hi Sogit,
I was looking into this for another issue actually - not related to the HTML Widget, but it does relate to fonts rendering in Ubuntu.  It looks like Ubuntu is not good, at least the clean install, at rendering some of the fonts.  Even I had some issues downloading the Microsoft core truetype fonts (ttf-mscorefonts in the Ubuntu Software Centre):

I then reinstalled it:

sudo dpkg -P ttf-mscorefonts-installer  
sudo apt-get install ttf-mscorefonts-installer
<br>

Which triggered an EULA pop-up (option: Yes)

And upon agreeing had a 404 download error:

Preparing to unpack .../ttf-mscorefonts-installer_3.4+nmu1ubuntu2_all.deb ...
Unpacking ttf-mscorefonts-installer (3&#46;4+nmu1ubuntu2) &#46;&#46;&#46;<br>Processing triggers for fontconfig (2&#46;11&#46;1-0ubuntu6) &#46;&#46;&#46;<br>Processing triggers for update-notifier-common (3&#46;163) &#46;&#46;&#46;<br>ttf-mscorefonts-installer: downloading http:&#47;&#47;downloads&#46;sourceforge&#46;net/corefonts/andale32&#46;exe<br>Err http:&#47;&#47;downloads&#46;sourceforge&#46;net/corefonts/andale32&#46;exe<br> 404 Not Found<br>E: Failed to fetch http://downloads.sourceforge.net/corefonts/andale32.exe 404 Not Found
E: Download Failed
It looks like, however, if you use Custom URL in the Text Widget you can link to fonts hosted externally or you can upload fonts on to your own Storage.  If you are uploading a font (ie TTF) don't use spaced filenames though!

I haven't tried the other suggestions. But depending on what type of content you have you may want to try the Text Widget and use a Custom URL Font or try linking to a custom font in the HTML Widget.
(Edited)
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb
Ashleigh, 

--I've been told not to post my ID and/or any other personal info. in fact Blake Freeman removed my ID from my first post.

but if you dont mind using my example above and place it where it needs to be, i can go ahead and replicate it on mi Presentation.
i not even have a <head> tag on my example that why i can't do it myself.

Thanks gain.
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Okay. Here you go:

<!DOCTYPE html><html>
<head>
   <link href='https://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
</head>

<style>
    body {
        font-family: 'Ubuntu', serif;
      }

table,th,td
{
border:2px solid black;
border-collapse:collapse;
}
th,td
{
padding:5px;
}
th
{
text-align:left;
}
</style>
<body>
<tr>
<body>
<table style="background-color:#87CEFA;width:700px;left;"/tr>
<tr>
<td BGCOLOR="#FFFFFF"><b><font size="5">Company Name</b></td>
<td BGCOLOR="#FFFFFF"><b><font size="5">Floor</b></td>
<td BGCOLOR="#FFFFFF"><b><font size="5">Suite</b></td>
</tr>
<tr>
<td BGCOLOR="#F5FFFA"><div style="font-family: 'Ubuntu Light', serif;"><font size="5">Company name</div></td>
<td BGCOLOR="#F5FFFA"><font face= "Arial Narrow"><font size="5">Floor number</td>
<td BGCOLOR="#F5FFFA"><font face= "Arial Narrow"><font size="5">Suite number</td>
</tr>
</body></html>
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb
Ashleigh,

i was able to add the head tag and modify the Style tag and now after i remove all the other codes [in every line] I can control the whole HTML from it and it works in both Windows and Ubuntu machine.

one more question, how can i make sure that if i lost connection with the font my HTML does not get an error ??

Thanks!
Photo of Ashleigh

Ashleigh

  • 3,740 Points 3k badge 2x thumb
Hi there,

If your HTML cannot pull the font, it will use 'serif' as I've outlined. You can change this font to any default font, such as arial or times new roman as a backup. You won't encounter an error.

Ashleigh
Photo of SogIt

SogIt

  • 436 Points 250 badge 2x thumb
Thank you...