Google Web Font API

  • 1
  • Announcement
  • Updated 4 years ago
You can leverage the Google Web Font API to create great-looking text in your Presentations. Here's how.
Photo of Donna Peplinskie

Donna Peplinskie

  • 7,142 Points 5k badge 2x thumb

Posted 7 years ago

  • 1
Photo of Mary Johnson

Mary Johnson

  • 130 Points 100 badge 2x thumb
I'm trying to use some google fonts in the styling for the Calendar Widget. 

I can put the <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Varela"> up at the top, I'm not sure how to insert the font name in the string of the format

...."titleFont\":{\"bold\":false,\"font\":{\"type\":\"standard\",\"name\":\"Verdana\",\"family\":\"Arial, 'Helvetica Neue', Helvetica, sans-serif\",\"font\":\"Arial\"},\"size\":\"20\",\"italic\":false,\"underline\":false,\"color\":\"black\"....

I want it to be 

'Varela', 'Open Sans, Arial, sans-serif

not sure how to insert it
Photo of Blake Freeman

Blake Freeman, Official Rep

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

The new calendar widget actually includes the Google Font API. If you go to the font selector in your widget and scroll all the way down, you'll find the more fonts option which will open all available fonts.
Photo of John Bagnal

John Bagnal

  • 602 Points 500 badge 2x thumb
I am using several google fonts, but they don't appear in the published presentation, they only show in chrome browser when editing and previewing the presentation. 

Presentation ID = d0fa78e5-99c0-4bf0-bfaf-8ba08cdc58da
(Edited)
Photo of Blake Freeman

Blake Freeman, Official Rep

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

I've spoken with our creative department, and they recommend using the new Text Widget instead of the HTML item. All of the fonts available through the google API are available built into the widget.
Photo of John Bagnal

John Bagnal

  • 602 Points 500 badge 2x thumb
This does not help me for dynamic content like RSS feeds. Not to mention i just tried the text widget and it doesn't work. Every time I make a change to the configuration and save, it just reverts back to default and does not actually save changes. The google fonts, I have chosen to use do not work there either. 
Photo of John Bagnal

John Bagnal

  • 602 Points 500 badge 2x thumb
Bare in mind the changes DO appear in the configure page for the widget, but do not actually appear in the published version.
Photo of John Bagnal

John Bagnal

  • 602 Points 500 badge 2x thumb
The custom font option available in every gadget I have used so far works fine when previewing but does not appear in the published presentation. So it's not a limitation of the HTML, I would think it is a problem with the build of Chrome my RV install is using. Thoughts?
Photo of Blake Freeman

Blake Freeman, Official Rep

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

I believe this is the issue. I'm receiving these errors in console when I view your presentation in the native player 

I have had success viewing the correct fonts in chrome app player, you may consider switching to it.
Photo of John Bagnal

John Bagnal

  • 602 Points 500 badge 2x thumb
Great, it works just fine using that method. Do you see a way to make it work for the native player? Is the issue the web font format of  " .woff2 ". Sorry i don't quite follow the errors you posted.
Photo of Blake Freeman

Blake Freeman, Official Rep

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

I believe the older version of chromium that native player utilizes does not support this font style. At the moment, we are transitioning to chrome app player being our preferred player because of issues like this.

The native player is completely open source. If a developer in the community would like to take the reigns and point it to a newer version of chromium, it's certainly possible. It's a lower issue on the totem pole for our in house developers at the moment.
Photo of John Bagnal

John Bagnal

  • 602 Points 500 badge 2x thumb
So let me get this straight, Install chrome on the end users pc, download the chrome player app, create a shortcut and setup to execute on startup? Does this require a google login on that pc or just the display ID when first running the extension? 
Photo of Blake Freeman

Blake Freeman, Official Rep

  • 36,116 Points 20k badge 2x thumb
Correct. No google login is required, just a display ID.
Photo of John Bagnal

John Bagnal

  • 602 Points 500 badge 2x thumb
Sweet!!!! Perfect, I can make that work no problem. Thanks so much for your attention to my issue.