How to use Font Awesome in Google Apps Script?

Question

Environment is standalone script deployed as web app with HTMLService():

function doGet() {
  return HtmlService.createTemplateFromFile('index').evaluate();
}

// see:  http://stackoverflow.com/a/39309690 
function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

I can link to the Font Awesome css file in index.html like this:

<?!= include('css_font_awesome'); ?>

This will link to css_font_awesome.html which contains styles within <style> tags.

But how do I link to the .eot, .woff, .ttf and .svg files within the Font Awesome css file, ie:

@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.6.3');
  src: url('fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Amit Agarwal · Accepted Answer · 2016-10-03 05:20:38Z

3

I think you can use a CDN to include the FontAwesome stylesheet through the link tag.

Open the index.html and paste the following line in the head.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">

answered Oct 3, 2016 at 5:20

Amit Agarwal

11.3k1 gold badge35 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1063287 Over a year ago

That worked, thanks, it would be good to know if it's possible without using a CDN (or any other external, non-google apps domain hosting), if any later posters comes across this.

Spencer Easton Over a year ago

As of 10/2016 there is no hosting option in Apps Script. You would need to 3rd party host it. Firebase, App Engine, Cloud Storage are common ones used in the Apps Script community.

Collectives™ on Stack Overflow

How to use Font Awesome in Google Apps Script?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related