How to use woff file for font in Google App Script

Question

How to use woff file for font in Google App Script

132 views Asked by Shiv Yadav At 31 May 2023 at 04:07

I want to use the woff file in my Google App Script project. I'm not getting how to upload a woff file in the Google App script. because there are only two file options: one is HTML and the second is script. I want to use the woff file in my project with font face CSS.

Can anyone guide me on this?

Original Q&A

There are 1 answers

**SputnikDrunk2** · Answer 1 · 2023-05-31T10:47:54+00:00

SUGGESTION

NOTE: This sample is intended to serve as a starting point or reference for your project. It's important to note that the community members do not provide coding services.

As per the existing post, a woof file can also be used in the same method. I conducted a quick test for your reference, as shown below.

Essentially, all you need to do is convert your woof file into the base64 format. You can do a Google search on several online tools for this, such as this sample resource or this.

Demo

Say I want to use this woof file:

On my Google Apps Script html (Index.html) file's style tag, I have pasted the converted woof file to base64 @font-face declaration as seen below.

<!DOCTYPE html>
<html>

<head>
  <base target="_top">
  <style>
    @font-face {
      font-family: "BigParty4Blue";
      /* Add other properties here, as needed. For example: */
      /*
      font-weight: 100 900;
      font-style: normal italic;
      */
      src: url(data:font/woff;base64,<THE_CONVERTED_BASE64_DATA>);
    }
  </style>
</head>

<body>
  <h1 style="font-family: 'BigParty4Blue', normal italic;  font-size: 67px;">Hello, woff test</h1>
</body>

</html>

Deployed & tested the html as a web app. You may also review the actual test here.

Reference

CSS @font-face Rule

TechQA.

How to use woff file for font in Google App Script

There are 1 answers

SUGGESTION

Demo

Reference

Related Questions in GOOGLE-APPS-SCRIPT

Related Questions in GOOGLE-SHEETS

Related Questions in ADD-ON

Related Questions in GOOGLE-APPS-MARKETPLACE

Related Questions in WOFF

Popular Questions

Popular Tags

Trending Questions