You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Google App Script中上传并使用woff字体文件?

在Google App Script中使用WOFF字体的解决方案

因为Google App Script项目无法直接上传WOFF这类资源文件,你可以通过将字体转换为Base64编码嵌入CSS的方式实现需求,具体步骤如下:

  • 把WOFF字体文件转换为Base64编码
    找一个Base64编码工具(本地或在线均可),将你的WOFF文件导入,生成对应的Base64字符串。复制这个完整的编码串,注意不要遗漏或修改任何字符。

  • 在HTML文件中通过@font-face嵌入字体
    打开你的GAS HTML文件,在<style>标签内添加@font-face规则,把Base64编码填入url()中:

    @font-face {
      font-family: 'CustomFont'; /* 自定义字体名称 */
      src: url(data:font/woff;base64,这里替换为你的Base64编码字符串) format('woff');
      font-weight: normal;
      font-style: normal;
    }
    
    /* 全局或指定元素使用该字体 */
    body {
      font-family: 'CustomFont', sans-serif;
    }
    
  • 测试验证
    部署你的Web应用(或通过GAS的预览功能打开HTML),检查页面文字是否正常加载并显示自定义字体。如果字体未生效,核对Base64编码是否完整,以及@font-face的语法是否正确。

注意事项:

  • 确保你拥有该WOFF字体的合法使用权,避免版权问题。
  • 若字体文件较大,Base64编码后的字符串会很长,但Google App Script的HTML文件支持这种长度的内容,无需担心。

内容的提问来源于stack exchange,提问作者Shiv Yadav

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 15:17:05