Apps Script CSS Fonts

Question

I am trying to customize some fonts in Google Apps Script, yet keep getting the same answer: Syntax error. (line 3, file "CSS"). This is my CSS.gs tab:

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
var css={};
css.div = { fontFamily:"Courier New"};

Where have I gone wrong???

I don't think you can include HTML or CSS in a .gs file -- check developers.google.com/apps-script/guides/html/… — Andy Hoffner
– Andy Hoffner, Commented May 20, 2015 at 2:05
certainly not by putting an html tag inside javascript. must be in the html side — Zig Mandel
– Zig Mandel, Commented May 20, 2015 at 2:47
Can you show me how to do that? Google Developers has not been helpful for css. — Bryson Shier
– Bryson Shier, Commented May 20, 2015 at 12:36

Mogsdad · Accepted Answer · 2015-05-21 13:06:01Z

1

Server-side Google Apps Script doesn't do anything directly to style HTML output on the client side.

Option 1: Include <style> tags in your HTML file (not in GS).

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">

<style>
div { 
  fontFamily:"Courier New";
}
</style>

...

Option 2: Inline style, again in your HTML.

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">

<div style='fontFamily:"Courier New";'>
...
</div>

Option 3: Use a separate HTML file for your css, which you import into your HTML. This is demonstrated in the Best Practices documentation, under Separate HTML, CSS, and JavaScript. Since the css isn't being linked as a stylesheet, but instead is imported HTML, you need to include the <style> tags.

edited May 21, 2015 at 13:06

answered May 20, 2015 at 21:18

Mogsdad

46k21 gold badges167 silver badges289 bronze badges

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

Collectives™ on Stack Overflow

Apps Script CSS Fonts

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related