Extremely frustrated trying to install a font.

[XnMojo]

Hey,

I'm trying to install a font onto my Toshiba Chromebook in order to enhance my SSH experience. I'm using Google's Secure Shell extension to access the server.

I switched the computer to developer mode and disabled the rootfs verification. I then copied the .ttf file into the /usr/share/fonts directory, and it is now showing up as an option when I edit my Google Chrome font settings. It also shows when I use "fc-list" in the virtual terminal. 

Despite all of this, the font is still not usable. When I enter the new font into the "font-family" list within the Secure Shell extension options it continues to display the next font on the list. It is also missing when I test fonts on this website: http://wordmark.it/

During my many hours of fighting with this issue I found this issue report: https://code.google.com/p/chromium/issues/detail?id=320364 I've attempted to follow the advice of some of the users, but I'm not great with linux and their instructions aren't very clear.

Please let me know if there is anything I can do to explain my issue more clearly.

Any tips, advice or help you can provide would be amazing. Thanks!

[Mike Frysinger]

the font cache is generated once at build time and never again.  you probably need to rebuild the cache after you add your new fonts.

that said, SecureShell supports webfonts:

https://groups.google.com/a/chromium.org/d/msg/chromium-hterm/dFVAhCvaI4Q/G675nendpFAJ

-mike

--
--
Chromium OS discuss mailing list: chromium-...@chromium.org
View archives, change email options, or unsubscribe:
http://groups.google.com/a/chromium.org/group/chromium-os-discuss?hl=en

[XnMojo]

I used the command:

sudo fc-cache -fv

to update the fonts cache, which clearly saw my font and cached it.

Still SecureShell does not pick up the font.

[Mike Frysinger]

did you restart the UI after regenerating the font cache ?

i think you should look to using webfonts instead as that is a supported method and doesn't require modifying the rootfs.

-mike

[XnMojo]

I did restart the UI. I am trying to use this font: http://strlen.com/square which is not available through google's webfonts thing.

Thanks again for your help.

[Mike Frysinger]

webfonts are a CSS standard and not Google specific ... in fact, it's older than Google itself ;).  as the Google Fonts page itself explains, the site is meant purely to make using web fonts easier:

  https://www.google.com/fonts#AboutPlace:about

there are websites that'll convert TTF files into webfonts for you.

-mike

[XnMojo]

continuing to be extremely frustrated...

per your recommendation I created a webfont and uploaded it to my website along with a .css file

the url is http://www.xnmojo.com/fonts.css

This still does not work in SecureShell, but it does work on my website.

[Mike Frysinger]

this most likely is an error on your server.  go to the secure shell options page and open an inspector:

chrome-extension://okddffdblfhhnmhodogpojmfkjmhinfp/html/nassh_preferences_editor.html

ctrl+shift+j

enter your font settings, then reload the page (ctrl+r)

see if there is an error in the console like:

Font from origin 'http://wh0rd.org' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'chrome-extension://okddffdblfhhnmhodogpojmfkjmhinfp' is therefore not allowed access.

if so, your server needs fixing.  google for that error message for tips on how to fix your server.  a simple wget on your server indicates that is indeed the problem:

$ wget -S http://www.xnmojo.com/fonts.css

--2015-01-27 12:43:51--  http://www.xnmojo.com/fonts.css

Resolving www.xnmojo.com (www.xnmojo.com)... 74.116.84.200

Connecting to www.xnmojo.com (www.xnmojo.com)|74.116.84.200|:80... connected.

HTTP request sent, awaiting response... 

  HTTP/1.1 200 OK

  Date: Tue, 27 Jan 2015 17:43:51 GMT

  Server: Apache

  Last-Modified: Tue, 27 Jan 2015 17:43:51 GMT

  Accept-Ranges: bytes

  Content-Length: 277

  Connection: close

  Content-Type: text/css

Length: 277 [text/css]

Saving to: ‘fonts.css’

you aren't providing a Access-Control-Allow-Origin header anywhere

-mike

[XnMojo]

really sorry to keep bugging you. I've now added the Access-Control-Allow-Origin header.

Now I get the error:

GET chrome-extension://pnhechapfaindjhompbnflcldabbghjo/html/'http://xnmojo.com/fonts.css' net::ERR_FILE_NOT_FOUND

[Mike Frysinger]

you sure you pasted the URL correctly ?  if i put "http://xnmojo.com/fonts.css" into the user css field and change font-family to Conv_VGA8, it's working for me.

-mike

[XnMojo]

I had single quotes around the url, guess that was the issue. 

I'm officially up and running.

Thank you SO much for all your help!